优化配置介绍-开发环境

webpack性能优化(1.优化打包速度,2.优化代码调试)

1.HMR:hot module replacement 热模块替换 / 模块热替换

       作用:一个模块发生变化,只会重新打包这一个模块(而不是打包所有模块)        极大提升构建速度       样式文件:可以使用HMR功能:因为style-loader内部实现了~       js文件:默认不能使用HMR功能 --> 需要修改js代码,添加支持HMR功能的代码         注意:HMR功能对js的处理,只能处理非入口js文件的其他文件。       html文件: 默认不能使用HMR功能.同时会导致问题:html文件不能热更新了~ (不用做HMR功能)         解决:修改entry入口,将html文件引入
上一篇:码农架构 | 微服务分布式架构中,如何实现日志链路跟踪?


下一篇:webpack-dev-server搭建本地服务器