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