angular/cli6支持自定义webpack配置,可以指定自定义应用程序引导。

"projects": {
  "custom-name": {
    // ...
    "architect": {
      // ...
      "build": {
        "builder": "@angular-devkit/build-webpack:webpack",
        "options": {
          "webpackConfig": "webpack.config.js"
        }
      }
    }

 const path = require('path');
 const config = {
   entry: './src/custom-app.js',
   mode: 'production',
   output: {
     path: path.resolve(__dirname, 'dist'),
     filename: 'custom-app.js'
   }
 };
 module.exports = config;

然后可以在中引用输出包 angular.json

"scripts": [
  { "input": "dist/custom-app.js", "lazy": true }
]

export class AppComponent {
  ngOnInit(): void {
    const customApp = new Worker('custom-app.js');
  }
}

问题

缓存可能会成为上述设置的问题! custom-app.js hashcontent ?

 const path = require('path');
 const config = {
   entry: './src/custom-app.js',
   mode: 'production',
   output: {
     path: path.resolve(__dirname, 'dist'),
     filename: '[name][contenthash].js'
   }
 };
 module.exports = config;

这将不再导致 自定义app.js custom-app1247989898989.js .

有没有一种方法可以加载散列文件而不必在构建时存储散列?

干杯