webpack - 如何使用 webpack 将所有捆绑文件合并到 Angular 应用程序中的单个 js 中？

Question

我想了解如何将多个 bundle.js 文件(如 main.bundle.js、scripts.bundle.js 等)(5 个)合并到一个 bundle.js 文件中，并在创建的 index.html 中进行引用。我正在使用依次使用 webpack 的 angular-cli。

我能够使用单独的 npm 模块合并文件，但不使用 webpack 配置。

Answer 1

您可以使用 JavaScript 配置文件 webpack.config.js 来确定 Webpack 做什么以及它是如何做的。做这个

entry: {
  app: 'src/app.ts',
  vendor: 'src/vendor.ts'
},

output: {
  filename: 'app.js'
}

app.ts 和 vendor.ts 都将合并到 app.js 中。如果你想让它们分开做

entry: {
  app: 'src/app.ts',
  vendor: 'src/vendor.ts'
},

output: {
  filename: '[name].js'
}

希望这可以帮助。