vue/cli2.0优化 npm run build --report
2023-09-27 14:22:20 时间
vue/cli2.0 脚手架
在项目写完了之后, 运行
npm run build --report
可以看出这个项目的资源占比情况。
可以看出整个项目哪一个资源在整个项目占比最大。
它会自动打开一个可视化的页面,看看你的哪一个资源占比最大
其中monent.js这个库占比还是比较大的。
使用(date-fns)一个较小的项目库来代替它。
https://blog.csdn.net/qq_36742720/article/details/83719615
date-fns较moment相比,更为轻量化,在实际开发中推荐使用date-fns。
图片懒加载vue-lazyload
better-scroll实现回弹滑动
我最开始就是,打包了我的 app.js 是 8M,网站基本瘫痪。
你打包的好的 js 在1-2M左右,这还算是比较正常的,但是这个大小也让我们接受不了。下面我们来一点点的开始优化
移动端的库有 【Mint UI】 使用文档
相关文章
- vue - 添加sass(less)处理
- vue - check-versions.js for semver
- 【Vue】npm install -g 和 npm install 区别
- 【Vue】错误 : 无法加载文件 C:UsersAdministratorAppDataRoamingnpmvue.ps1,因为在此系统上禁止运行脚本的解决方法
- light-mvvm:JavaScript 超轻量级 MVVM 双向数据绑定插件(迷你Vue)
- 【整理分享】一些常见Vue面试题(附答案解析)
- vue npm run dev 报错:missing script:dev
- vant ui 在vue中的安装和使用
- Vue技术栈
- VUE-002-前端分页(el-pagination)展示数据
- vue组件name的作用小结
- vue单页面应用刷新网页后vuex的state数据丢失的解决方案
- vue 项目中安装npm--save-dev 和 --save 命令
- vue与node和npm关系
- 【Vue】 vue2路由搭建和搭建vue2脚手架(入门级)
- vue css代码优化,代码简化。stylus安装及用法
- npm安装vue-cli报错internal/modules/cjs/loader.js(Error: Cannot find module 'D:Programnodejsnode_globalnode_modulesvue-clibinvue')
- 利用vue-cropper做的关于图片裁剪、压缩、上传、预览等做的一个公共组件
- Vue使用中遇到问题汇总(一)32个
- springboot+vue考研资讯平台(源码+文档)
- petite-vue源码剖析-沙箱模型
- vue中对:key的理解
- 将 Vue 组件库发布到 npm