vue极致打包_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。.....估计是自己不会打包， 还是不拆分了。