Как получить фрагмент {скрипты} в html-webpack-plugin

я столкнулся с одной проблемой. Мне нужно создать собственные файлы index.html с помощью angular. Я решил использовать angular-builders и html-webpack-plugin. Он работает нормально, но один фрагмент не включается в результат html-webpack-plugin.

Вот мои конфиги: custom-webpack.config.js

const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
    plugins: [
        new HtmlWebpackPlugin({
          inject: false,
          template: '../Views/Documents/_LoaderTemplate.cshtml',
          filename: '../../../Views/Documents/_AngularLoader.cshtml'
        })
      ]
};

угловой.json

      "architect": {
        "build": {
          "builder": "@angular-builders/custom-webpack:browser",
          "options": {
            "customWebpackConfig": {
              "path": "./custom-webpack.config.js"
            },
            ...
            "scripts": [
              "src/app/division/division-draw/lines.js",
              "src/app/division/division-draw/mouse_control.js",
              "src/app/division/division-draw/Screen.js"
              ]
          },
          ...

У меня есть шаблон для html-webpack-plugin

<%= JSON.stringify(htmlWebpackPlugin) %>

<% for (var chunk in htmlWebpackPlugin.files.chunks) { %>
<script src="<%= htmlWebpackPlugin.files.chunks[chunk].entry %>"></script>
<% } %>

И результат сборки не содержит scripts.js, но он есть в результирующих скриптах сборки.

chunk {main} main.js, main.js.map (main) 175 kB [initial] [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 338 kB [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 6.15 kB [entry] [rendered]
chunk {scripts} scripts.js, scripts.js.map (scripts) 33.1 kB [entry] [rendered]
chunk {styles} styles.js, styles.js.map (styles) 169 kB [initial] [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 6.78 MB [initial] [rendered]

Я использую package.json как

    "html-webpack-plugin": "^3.2.0",
    "@angular-devkit/build-angular": "0.13.9",
    "@angular-builders/custom-webpack": "7.5.2",
    "@angular/cli": "~7.0.3",
    "@angular/compiler-cli": "~7.0.0",
    "@angular/common": "^7.0.0",
    "@angular/compiler": "^7.0.0",
    "@angular/core": "^7.0.0",
    "@angular/forms": "^7.0.0",
    "@angular/http": "~7.0.0",
    "webpack": "^4.40.0",
    "webpack-cli": "^3.3.8"

Я хочу включить все созданные скрипты (с помощью angular-cli) в мой выходной файл filename: '../../../Views/Documents/_AngularLoader.cshtml'


person Anton Belov    schedule 16.09.2019    source источник


Ответы (1)


попробуйте использовать ‹%= htmlWebpackPlugin.tags.bodyTags %>

person kdgilang    schedule 07.05.2020