其他分享
首页 > 其他分享> > 优化配置介绍-开发环境

优化配置介绍-开发环境

作者:互联网

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

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

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

标签:文件,功能,配置,HMR,js,html,介绍,模块,优化
来源: https://www.cnblogs.com/hmfzy-blogs/p/15163053.html