1

html-webpack-pluginを使用して、webpack を使用して html ファイルを縮小します。

元の html ファイルには しかありません<script src="./app.js"></script>が、html-webpack-plugin を使用してファイルを縮小すると、 が生成され<script src="./app.js"></script><script src="app.js"></script>ます。冗長な を挿入します<script src="app.js"></script>。html-minifierが提供するすべてのオプションを試しましたが、問題は解決していません。

これを解決する方法を知っている人はいますか？

私のwebpack設定の一部：

new HtmlWebpackPlugin({
    template: 'app/main.html',
    filename: 'index.html',
    minify: {
      collapseWhitespace: true,
      removeComments: true,
      removeRedundantAttributes: true,
      removeScriptTypeAttributes: true,
      removeStyleLinkTypeAttributes: true,
    },
  }),
4

1 に答える 1

0

プラグインにオプションがあります。false に設定して自分で書くことも、true などに設定して html から行を削除することもできます。

inject: false // "body", "head"

多くのための：

inject  {Boolean|String}    true    true || 'head' || 'body' || false Inject all assets into the given template or templateContent. When passing true or 'body' all javascript resources will be placed at the bottom of the body element. 'head' will place the scripts in the head element
于 2018-03-08T07:34:35.080 に答える