Vue项目上线打包步骤

1.在vue.config.js中配置publicPath，只需给默认的添加一个“.”

{
  	publicPath: './'
}

2.在package.json中找打包命令，例如：bulid:pro，运行试试页面是否可以加载出来（运行dist下面的index.html）

yarn build:prod

3.懒加载优化，魔法优化，给打包后的js文件指定文件名

components = () => import(/* webpackChunkName:"login"*/ "../component/Login.vue")

4.生成打包工具,在package.json中添加 --report，生成打包报告

"build:prod": "vue-cli-service build --report"

5.在vue.config.js中添加如下代码，去除代码所有打印日志

chainWebpack(config) {
    config.optimization.minimizer('terser').tap((args) => {
      args[0].terserOptions.compress.drop_console = true
      return args
    })
}