Angular CLI 6构建器并通过webpack添加CDN脚本

Question

我们将Angular CLI 6与自定义构建器一起用于自定义Webpack配置。我们想通过webpack js文件而不是index.html模板添加CDN脚本和样式。

如何实现？我尝试使用html-webpack-include-assets-plugin，但似乎没有被使用。我认为这会起作用，因为这是Angular CLI中使用的html-webpack-plugin插件。

以下文章中提出了自定义构建器： https://dev.to/meltedspark/customizing-angular-cli-6-buildan-alternative-to-ng-eject-1oc4

在angular.json文件中，我们使用此构造；

"build": {
      "builder": "@angular-builders/custom-webpack:browser",          
      "options": {
        "customWebpackConfig": {
          "path": "./webpack/extra-webpack.config.js",
          "mergeStrategies": { "externals": "prepend" }              
        },

在extra-webpack.config.js文件中，我要使用此文件：

"plugins": [
  new HtmlWebpackIncludeAssetsPlugin({
     assets: [
        // example cdn (what we want is much more complex)
        'https://code.jquery.com/jquery-3.3.1.js'
     ],
     append: true 
  })
]