如何在不使用require语句的情况下使用webpack加载目录中的所有文件

Jim · 05月28日

我的应用程序中有大量的javascript文件分成4个子目录。不好意思,我抓住了所有这些文件,并将它们编译成一个文件。这些文件没有module.exports函数。

我想使用webpack并将其分为4部分。我不想手动输入所有文件。

我想创建一个插件,该插件在编译时会遍历目录树,然后获取所有.js文件名和路径,然后要求子目录中的所有文件并将其添加到输出中。

我希望将每个目录中的所有文件编译成一个模块,然后可以从我的入口点文件中将其要求,或者包含在http://webpack.github.io/docs/plugins.html提及的资产中。

添加新文件时,我只想将其放置在正确的目录中,并且知道它会包含在内。

有没有办法使用webpack或有人编写的插件来做到这一点?

回答(1)
时间
蓝染大人飞云
1 · 2020-05-28 14:59:23

在我的应用程序文件中,我最后放了要求

require.context(
  "./common", // context folder
  true, // include subdirectories
  /.*/ // RegExp
)("./" + expr + "")

由这篇文章提供:https : //github.com/webpack/webpack/issues/118

现在正在添加我的所有文件。我有一个用于html和css的加载器,它似乎工作得很好。

你的回答

加载中...
⌘+Return 发表
发表

温馨提示:登录后可发表评论或回复

关闭,朕知道了

扫码关注微信公众号或小程序