VUE打包上線優化

1.將vue vue-router vuex 儘可能使用CDNjavascript

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

2.打包優化最好使用賴加載,加載的每一個頁面體積都要壓縮到最下.vue

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

3.webpack打包公共依賴java

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。.....估計是本身不會打包, 仍是不拆分了。webpack

相關文章
相關標籤/搜索