Webpack：如何将多个 javascript 文件捆绑到一个输出文件中？

Question

假设我有两个文件， main.js 和 app.js ；我如何使用 Webpack 将它们捆绑到一个文件中： bundle.js ？

原文由 Rish 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

创建一个 entry.js 这是你的 webpack 入口文件，在这个你的 require 你的附加文件

webpack.config.js

 module.exports = {
   entry: './src/entry.js'
   ...
};

/src/entry.js

 // new syntax
import './main.js';
import './app.js';

// or old syntax
require('./main.js');
require('./app.js');

如果这两个文件相互依赖，那么在您的依赖树中反映这一点并在您的 app.js --- 中而不是在 entry.js 中要求 --- main.js --- 将是有益的例子

原文由 c0l3 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

您可以传递一组条目：

 module.exports = {
   entry: ['./main.js', './app.js'],
   ...
};

此外，您可以将它们作为 CLI 选项 传递：

 webpack ./main.js ./app.js --config=webpack.config.js

原文由 Rodrigo Boniatti 发布，翻译遵循 CC BY-SA 4.0 许可协议