1. webpack的 watch模式
执行 npx webpack --mode=development --watch 命令的话,就是执行一次编译多次。只要你修改了相关的文件,保存后就会重新触发编译。这个比较适合多次反复调试的情况。
2. 使用Webpack-dev-server监听代码修改的同时,自动刷新网页。
npm install webpack-dev-server -D #@4.15.1
XXXX plugins:[ XXX ], devServer:{ static: dist //dist文件夹里的文件发生变化,就会刷新浏览器 }
运行的时候,使用如下指令:npx webpack-dev-server --mode=development
默认的网址为localhost:8080
然后代码变动,保存后,如果对应的页面有变动,会自动刷新。
翻译
搜索
复制
标签:development,进阶,--,dev,server,webpack,笔记,刷新 From: https://www.cnblogs.com/dongfangchun/p/17582842.html