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
}
}
}
网友评论