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

Question

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

Answer 1

创建一个entry.js这是您的webpack条目文件，并在其中创建require您的其他文件

webpack.config.js

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

/src/entry.js

require('./main.js');
require('./app.js');

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

Answer 2

您可以使用webpack-concat-plugin。

https://www.npmjs.com/package/webpack-concat-plugin#publicpath-stringboolean-default-webpacks-publicpath

Answer 3

您可以传递一组条目：

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

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

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