Сборщики Angular CLI 6 и добавление скриптов CDN через веб-пакет - PullRequest
Новая
       61

Сборщики Angular CLI 6 и добавление скриптов CDN через веб-пакет

0 голосов
/ 25 января 2019

Мы используем Angular CLI 6 с пользовательскими компоновщиками для пользовательской конфигурации веб-пакетов. Мы хотели бы добавить сценарии и стили CDN через js-файл webpack вместо шаблона index.html.

Как этого достичь? Я пытался использовать html-webpack-include-assets-plugin, но, похоже, он не был обнаружен. Я думал, что это будет работать, потому что это плагин для html-webpack-plugin, который используется в Angular CLI.

Изготовители на заказ предлагаются в следующей статье: 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 
  })
]
...