项目配置

1.编译原理
2.npm run eject(弹出项目,不可逆)
vue.config.js
3.项目结构
5.权限控制
6.数据交互
7.ui库：mobile/pc
8.测试

项目优化

1.生成打包报告
2.第三方库启用

通过 externals 加载外部CDN资源

具体配置

config.set('externals',{
  vue:'Vue',
  'vue-router':'VueRouter',
  axios:'axios',
  lodash:'_',
  echarts:'echarts',
  nprogress:'Nprogress',
  'vue-quill-editor':'VueQuillEditor'
})

3.Element-UI组件按需加载
4.路由懒加载

安装 @babel/plugin-syntax-dynamic-import 包
在 babel.config.js 中声明该插件

使用示例

5.首页内容定制

transform-remove-console 移除console

根据process.env.NODE_ENV 判断运行环境是开发还是打包

项目上线

1.项目上线相关配置

2.开启gzip配置

开启gzip配置

3.配置HTTPS服务

image.png

image.png

4.使用pm2管理应用

image.png

node.js 点击查看