vue中打包优化瘦身

打包之后，会得到dist目录，如果希望可以双击打开index.html，则需要提前在vue.config.js中配置

 路由懒加载 只有在路由进入到这个页面的时候 才会去加载这个组件的资源

 

路由懒加载中的魔法注释  可以人为设置这个文件的名字 （在注释中指定webpackChunkName）

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

打包去除console.log 在vue.config.js中配置

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

包大小分析

npm run previe