1、使用html-webpack-plugin-for-multihtml组件。
在build - webpack.dev.conf.js文件中:
const HtmlWebpackPlugin = require('html-webpack-plugin')
替换为
const HtmlWebpackPlugin = require('html-webpack-plugin-for-multihtml')
2、multihtmlCache: true, // 解决多页热部署的关键 这里这里这里这里这里很重要!!!
for (var pathname in pages) {
// 配置生成的html文件,定义路径等
var conf = {
filename: pathname + '.html',
template: pages[pathname], // 模板路径
inject: true, // js插入位置
multihtmlCache: true, // 解决多页热部署的关键 这里这里这里这里这里很重要!!!
// necessary to consistently work with multiple chunks via CommonsChunkPlugin
chunksSortMode: 'dependency'
};
if (pathname in devWebpackConfig.entry) {
conf.chunks = ['manifest','vendor', pathname];
conf.hash = false;
}
devWebpackConfig.plugins.push(new HtmlWebpackPlugin(conf));
}
如果对小哥哥小姐姐有帮助请点个推荐哈,欢迎留言、评论、搞事!! 双肩背包 【正品折扣专业店】 -- biy1314.taobao.com |