补充
参考
https://www.yuque.com/wangpingan/cute-frontend/gdie85#VFhoR
https://www.yuque.com/wangpingan/cute-frontend/lptos6
记录缓存 splitChunks 行为
如果您有一个复杂的代码分割设置,并希望确保分割部分获得正确的缓存行为,则记录尤其有价值。最大的问题是维护记录文件
如果你改变 webpack 处理模块 id 的方式,可能存在的记录仍然会被考虑在内!如果想使用新的模块 ID 方案,还必须删除记录文件
1 | // vue.config.js |
参考
https://survivejs.com/webpack/optimizing/separating-runtime/
https://webpack.docschina.org/configuration/other-options/#recordspath
精准 resolve, 减少 resolve 的解析
1 | resolve: { |
精准 loader 的范围
1 | rules: [ |
webpack 优化前端性能
按需加载,分 chunk 和加哈希值协助浏览器缓存行为,静态资源和公共库上 CDN…
更多相关优化见 http://lahmying.top/2021/09/30/%E4%BC%98%E5%8C%96/