【webpack】高级2

1.preload/prefetch
前面的按需加载会提升加载速度，但是如果被拆分出来的包体积很大，那么这么按需加载的包，再加载时会很慢。
所以有种策略就是，当浏览器空闲的时候，开始加载按需加载的这些包

下载



但是perload/prefetch会存在兼容性问题，需要考虑
2.
如果某个文件a依赖另一个文件b，当b文件发生变化会重新打包，包名种的hash值会发生变化。此时a文件种对b文件的引入也会发生变化，会误认为a文件也发生了变化，所以a文件也会重新打包，显然是我们不想要的


3.js语法兼容性处理core-js

使用方法:
1.全部引入
在main.js中
import ‘core-js’
2.按需引入
假如只用了一个promise语法，但是全部引入就会把core-js库的所有文件都引入，会使打包体积变很大，所以推荐采取按需引入

3.自动按需引入

4.pwa

使用步骤，install 引入并配置，在main.js中注册
缺点：兼容性比较差

自带的hmr做不了js文件的热模块替换，所以需要使用其他插件帮助实现

样式的hmr通过css-loader做到的
js的hmr需要插件实现

copy-webpack-plugin