vue.js - html-webpack-plugin

问题描述

问 题

有两个html文件，index.html和aobut.html文件，没个每个文件加载不同的JS文件，我用了html-webpack-plugin插件的chunks选项，的确只加载了对应了js文件，但是我打包后的文件，是用了hash值，但html文件引用的是没有hsah值的文件，怎么才能让他们加载打包后的js文件；
打包前的html;

webpack.config.js配置文件：

打包后的文件：

它们没有引用带有hash值的js文件；

解决方案

chunks分别改成入口的字段chunks: ['about'], chunks: ['home']
如果你的意思是入口有比如十个入口文件，比如

entry: {
  a: './a.js',
  b: './b.js',
  c: './c.js',
    ...
}

如果全部引入入口文件，那就不声明chunks字段，如果不需要引入某些js,可以用
excludeChunks,把不需要的js放进去就可以了

excludeChunks: ['a', 'b'] // 这样a,b就不会出现在你的页面中了

这篇关于vue.js - html-webpack-plugin的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！