vue build 优化_viet build 加源码

1、路由懒加载

• 当打包构建应用时，Javascript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。
  所以在router文件夹下 index.js 做如下配置

{
    
  path: '/home',
  meta: {
   
    requireAuth: true // 配置此条，进入页面前判断是否需要登陆
  },
  component:resolve => require(['@/views/home/index'],resolve)
}
1
2
3
4
5
6
7
8
9

2、不生成.map 文件

• webpack默认会生成map文件，map文件是用来调试代码的。
• build配置如下在 config => index.js 里面
• 默认是true ,改成false，productionSourceMap: false,

3、gzip压缩

• 先安装依赖 compression-webpack-plugin

npm install --save-dev compression-webpack-plugin 
//(此处有坑) 如果打包报错，应该是版本问题 ，先卸载之前安装的此插件 ，然后安装低版本 
npm install --save
1
2