码迷,mamicode.com
首页 > 其他好文 > 详细

vue/cli2.0优化

时间:2019-11-23 18:15:52      阅读:55      评论:0      收藏:0      [点我收藏+]

标签:scroll   文档   csdn   移动端   lazyload   epo   图片   一个   网站   

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/cli2.0优化

标签:scroll   文档   csdn   移动端   lazyload   epo   图片   一个   网站   

原文地址:https://www.cnblogs.com/IwishIcould/p/11918848.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!