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

JavaScript Webpack

蛋蛋猿

2020-05-28

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

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

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

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

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

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

第4207篇《如何在不使用require语句的情况下使用webpack加载目录中的所有文件》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共1个回答
蓝染大人飞云 2020.05.28

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

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

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

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android