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

我有大量的 javascript 文件在我的应用程序中分成 4 个子目录。在 grunt 中,我将它们全部抓取并编译成一个文件。这些文件没有 module.exports 函数。

我想使用 webpack 并将其拆分为 4 个部分。我不想手动进入并需要我的所有文件。

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

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

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

有没有办法通过 webpack 或某人编写的插件来做到这一点?

最佳答案

这是我为实现这一目标所做的:

function requireAll(r) { r.keys().forEach(r); }
requireAll(require.context('./modules/', true, /\.js$/));

https://stackoverflow.com/questions/29421409/

相关文章:

java - 如何向 Gradle 添加新的源集?

linux - 如何构建和安装 GLFW 3 并在 Linux 项目中使用它

xcode - 使用 Xcode 4 运行发布版本

android - 如何在 Android Gradle 中自动增加 versionCode

javascript - webpack中的XX个隐藏模块是什么意思

android - Gradle:如何构建不同构建类型的不同风格?

c++ - C++的类似Maven的依赖管理?

android - 如何更改 Android 项目的目标构建?

build - 使用 msbuild 复制所有文件和文件夹

java - 如何将一个 Gradle 脚本导入另一个?