性能优化
文章平均质量分 69
YangljHjr
这个作者很懒,什么都没留下…
展开
-
lodash-webpack-plugin插件
注:lodash优化效果有限:随着系统的增⻓,引⼊的第三⽅库越来越多。⽽第三⽅库中,有可能使⽤require('lodash')引⼊lodash,导致我们项⽬中对lodash的优化⽆效。babel-plugin-lodash 对代码中的 import _ from 'lodash'或者import { add } from 'lodash/fp'进⾏编译优化。进行webpack打包优化时,为了缩小lodash的打包体积使用了lodash-webpack-plugin插件,但是运行项目后页面报错。原创 2023-07-14 12:12:41 · 426 阅读 · 1 评论 -
webpack-bundle-analyzer的使用
需要注意的是,"Search modules"功能只能查找模块或者资源的名称,无法查找模块或者资源的其他属性,如大小、依赖关系等。在这个图中,每个矩形的大小代表了对应模块、chunk或者资源的大小,而颜色则表示该模块、chunk或者资源的类型。Parsed代表解析后的代码大小,即应用了webpack的优化后的大小,也就是我们常说的“打包后的大小”;它的作用是将分析图中的模块、chunk或者资源,筛选出与初始页面加载有关的模块和chunk,并将其他模块和chunk过滤掉。原创 2023-05-24 16:28:58 · 1625 阅读 · 0 评论