vue+webpack 前端开发中,有时运行npm run dev不能自动热更新,查了一下,终于解决了,主要原因还是对webpack不了解。
问题描述:
1.npm run dev后,修改项目文件后, 没有自动更新编译,需要手动再执行npm run dev。
2.自动打开的浏览器内容不会自动更新。
问题解决:
1.config/index.js 修改dev中poll选项值为true(或时间)。
2.build/webpack.dev.conf.js 修改devServer中hot选项值为true。
原因:
1.查看build/webpack.dev.conf.js下devServer的配置信息,有一项是watchOptions(可查看webpack文档),是webpack文件变化监听的一些配置。vue init webpack xxx 构建的新项目默认只有一个poll选项,poll选项的作用在文档中有说明: