VUE打包上线优化

1.将vue vue-router vuex 尽量使用CDN

 externals: {
    'vue':'Vue',
    'vue-router':'VueRouter',
    'vuex':'Vuex',
    'axios':'axios'
  },

2.打包优化最好使用赖加载，加载的每个页面体积都要压缩到最下.

const goods = () => import(/* webpackChunkName: "goods" */ './../src/page/goods/goods')

3.webpack打包公共依赖

  entry: {
    vendor: ['better-scroll'],
    app: './src/main.js'
  },
---------------------------------------------------------------------------------------------
 // 打包 entry 中的公共依赖
    new webpack.optimize.CommonsChunkPlugin({
      name: 'vendor'
    }),
// 打包依赖超过 3 次的库
    new webpack.optimize.CommonsChunkPlugin({
      async: 'min',
      minChunks: 3
    }),
 4.开启gzip压缩网站
config/index.js 里面设置属性productionGzip: true,

总结：压了几天没压下去，拖着vux跑，独立打包就要1M。.....估计是自己不会打包， 还是不拆分了。