目录中的webpack多个条目

Question

context: path.join(__dirname, 'resources/assets/bundle/js'),
  entry: [
    'webpack/hot/dev-server',
    'webpack-hot-middleware/client',
    './*.js'
  ]

以上代码是否有效？而不是指定每个文件，如

context: path.join(__dirname, 'resources/assets/bundle/entries'),
  entry: [
    'webpack/hot/dev-server',
    'webpack-hot-middleware/client',
    './abc.js',
    './def.js'
  ]

如何包含整个文件夹？

Answer 1

你为什么要使用整个文件夹？

如果想要整个文件夹，可以使用glob npm模块。

解释：https://github.com/webpack/webpack/issues/370

var glob = require("glob");
// ...
entry: glob.sync("./src/scripts/*.js")

但是webpack不推荐整个文件夹，条目值应该解析为一个特定的文件，或者一个特定文件的列表。

Answer 2

您可以轻松地自己完成这一任务，因为webpack.config.js只是一个node.js模块，允许执行任何代码。入口点通配符

Answer 3

Webpack使用入口点解析引用来生成包。您可以根据所需的包数定义多个入口点。您不应该添加整个文件夹作为入口点，这意味着您希望在文件夹中捆绑每个文件，webpack不建议这样做。

https://webpack.github.io/docs/multiple-entry-points.html