browser-sync 效率低下 繁琐
重新打包后自动刷新浏览器
npm i browser-sync -g
browser-sync dist --watch
webpack-dev-serve
HMR 模块热替换 修改文件后的自动刷新会保存数据
devServer:{
hot:true
}
plugins:[new webpack.HotModuleReplacementPlugin()]
但是这样只有css文件生效 因为这是经过了css-loader处理过了 但是js没有
webpack打包优化
tree shaking 在设置生产模式自动启用,会删除掉没有引用的代码