如何使用webpack将所有bundle文件合并到角度应用程序中的单个js中？

Question

我想了解如何将多个bundle.js文件(例如main.bundle.js,scripts.bundle.js等)(数量为5个)合并到一个bundle.js文件中,并在index.html中创建引用.我正在使用angular-cli,它依次使用webpack.

我能够使用单独的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'
}

希望这可以帮助。