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

Question

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

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');

如果这两个文件相互依赖，最好在你的依赖树中反射(reflect)这一点，并在你的 app.js 中要求 main.js 而不是例如在 entry.js 中