摘要: 打包分析: https://webpack.js.org/guides/code splitting/ bundle analysis 性能优化使用缓存是很有限的,现在更多的应该是再编写代码时,考虑到代码的覆盖率,如何让页面加载的js文件利用率提高,有些交互后才能用到的代码可以写在异步组件里通过懒加 阅读全文
posted @ 2019-12-19 16:02 Nayek 阅读(566) 评论(0) 推荐(0) 编辑
摘要: 之前在vue的路由配置文件中看到了/ webpackChunkName:"lodash" /这个注释, 在学习了webpack之后了解其做用,作用就是webpack在打包的时候,对异步引入的库代码(lodash)进行代码分割时(需要配置webpack的SplitChunkPlugin插件),为分割后 阅读全文
posted @ 2019-12-19 14:39 Nayek 阅读(12053) 评论(0) 推荐(0) 编辑
摘要: SplitChunkPlugin插件配置参数详解 对引入的库代码(例如:lodash、jQuery等)进行代码的分割进行优化 若配置时只写chunks:"all",其余则为默认配置 代码分割后的每一个js文件即为Chunk,如下图中的(main.js、vendors.js) 学习文档:https:/ 阅读全文
posted @ 2019-12-19 14:16 Nayek 阅读(5356) 评论(0) 推荐(0) 编辑