vue-cli 3/4 中HtmlWebpackPlugin 如何自定义chunks的 inject 位置

1,264 阅读1分钟

vue-cli 3/4

module.exports = {
 chainWebpack (){
  return {
      config.plugin('html').tap(args => {
      args[0].inject = false   // 设置自动插入为fasle
      return args
    }) 
  }
 }  
}

index.html

<head>
  <!-- css -->
  <% for (var css in htmlWebpackPlugin.files.css) { %>
  <link href="<%=htmlWebpackPlugin.files.css[css] %>" rel="stylesheet">
  <% } %>
</head>
<body>
  <div id="app"></div>
  <!-- built files will be auto injected -->
<% for (var i in htmlWebpackPlugin.files.js) { %>
  <script type="text/javascript" src="<%=htmlWebpackPlugin.files.js[i] %>"></script>
  <% } %>
</body>