webpack 目录中的多个条目答案

【问题标题】：webpack multiple entries in a directorywebpack 目录中的多个条目
【发布时间】：2017-02-15 03:10:35
【问题描述】：

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'
  ]

如何包含整个文件夹？

【问题讨论】：

标签： javascript reactjs webpack

【解决方案1】：

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

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

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

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

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

【讨论】：

我收到了这个错误stackoverflow.com/questions/42240246/…
@JessicaRobertson - 确切的错误？ - 如果你是 globbing，你应该能够将该条目数组作为入口点传递到 webpack 中

【解决方案2】：

您可以轻松地自己完成此操作，因为 webpack.config.js 只是一个 node.js 模块并且允许执行任何代码。 Wildcards in entry points

【讨论】：

【解决方案3】：

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

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

【讨论】：