【vue】vue-cli4项目热更新开启
2020-05-05 本文已影响0人
南慕瑶
vue.config.js：
module.exports = {
devServer: {
hot: true,
},
configureWebpack: {
resolve: {
symlinks: true,
},
},
}
以上，亲测有效。支持 .vue 文件任意部分代码变更的热更新。
【附】
网上资料显示，如果是 vue-cli3 项目，支持 css 变更的热更新，需要附加设置：
css: {
extract: false,
}
注意动态设置 extract 的值。开发环境设为 false，生产环境设为 true，以便打包出单独的 css 文件。
const IS_PROD = process.env.NODE_ENV === 'production'
module.exports = {
configureWebpack: {
css: {
extract: IS_PROD
}
}
}
