vue项目优化上线(进度条、移除console、自定义打包入口、加载CDN资源、路由懒加载、通过node创建Web服务器、配置HTTPS服务、使用PM2管理应用)
项目优化
实现步骤:
A.生成打包报告,根据报告优化项目
B.第三方库启用CDN
C.Element-UI组件按需加载
D.路由懒加载
E.首页内容定制
1.添加进度条
给项目添加进度条效果,可以通过可视化ui面板先打开项目控制台,打开依赖,安装nprogress,或者直接npm install nprogress
打开main.js,编写如下代码
//导入进度条插件
import NProgress from ‘nprogress’
//导入进度条样式
import ‘nprogress/nprogres
原创
2020-06-27 23:11:48 ·
340 阅读 ·
0 评论