vue/cli2.0优化

Posted 2020-11-22 iwishicould

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】 使用文档