![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue学习笔记
w_meizi
这个作者很懒,什么都没留下…
展开
-
vue学习笔记---项目优化篇之Webpack打包
第三方库CDN引入 在文件(webpack打包配置文件)里设置对第三方库的忽略,改为cdn引入(html文件里面引入),以此缩小打包后vendor文件体积。(ps:如果未搭建cdn,可将文件放在本地后引入) 异步组件 对组件进行分组打包,粒度不必太小。(ps:具体可查看官方异步组件路由使用方式) 公共模块 为了避免相同的资源被重复加载,可以利用CommonsChunkPlugin尽量使的调用相同公共模块的组件打包到一个文件。 babel-plugin-transform-...原创 2021-07-01 10:14:29 · 121 阅读 · 0 评论 -
react+webpack打包优化
这是我的第一个react(17.0.2)+webpack(4.44.2)项目,开发完成后项目打包之后文件大小为11.1MB....,用这篇文章记录下打包优化过程。 代码压缩插件uglifyjs-webpack-plugin 1、插件安装 npm i -D uglifyjs-webpack-plugin 2、配置文件webpack.config.js minimizer: { ... new UglifyJSPlugin({ parallel: tru...原创 2021-06-28 10:34:39 · 634 阅读 · 0 评论 -
vue学习笔记---项目优化篇之代码优化
for循环设置key值 给每一个遍历项绑定唯一的key,可以便于Diff算法在数据更新时准确的定位到改变的节点(ps: 如果没有设置key,)原创 2021-06-22 10:28:32 · 121 阅读 · 0 评论