项目优化，打包

路由改成history模式，url无后缀，看起来简洁

const createRouter = () => new Router({
  mode: 'history', // require service support
  base: '/hr/', // 配置项目的基础地址
  scrollBehavior: () => ({ y: 0 }), // 管理滚动行为 如果出现滚动 切换就让 让页面回到顶部
  routes: [...constantRoutes] // 改成只有静态路由
})

分析性能，CDN应用

安装包

npm run preview -- --report

先找到 vue.config.js， 添加 externals 让 webpack 不打包 xlsx 和 element

 // 排除 elementUI xlsx  和 vue 
  externals:
      {
        'vue': 'Vue',
        'element-ui': 'ELEMENT',
        'xlsx': 'XLSX'
     }

在vue.config.js 中

let cdn = { css: [], js: [] }
// 通过环境变量 来区分是否使用cdn
const isProd = process