webpack

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 在设置生产模式自动启用，会删除掉没有引用的代码