公司项目的vuex越来越多,打包出来的app.js很大,有没有办法把vuex从app.js里分离出来?
公司项目的vuex越来越多,打包出来的app.js很大,有没有办法把vuex从app.js里分离出来?
回答:
你能确定是vuex打包过大吗,建议你使用webpack Bundle Analyzer看看到底哪个依赖导致打包体积过大。
回答:
https://webpack.docschina.org... 把vuex放到cdn上,用外部扩展引入呢
回答:
可以压缩一下
configureWebpack: (config) => {
if (process.env.NODE_ENV === 'production') { // 仅在生产环境下启用该配置
return {
performance: {
// 打包后最大文件大小限制
maxAssetSize: 1024000
},
plugins: [
new CompressionWebpackPlugin({
filename: '[path].gz[query]',
algorithm: 'gzip',
test: new RegExp('\\.(' + productionGzipExtensions.join('|') + ')$'),
threshold: 1024, // 只有大小大于该值的资源会被处理,当前配置为对于超过1k的数据进行处理,不足1k的可能会越压缩越大
minRatio: 0.99, // 只有压缩率小于这个值的资源才会被处理
deleteOriginalAssets: true // 删除原文件
})
]
}
}
},
回答:
一般来说这个跟你使用 vuex 越来越多没啥关系,看题我理解你的需求是减小 app.js 这个主包:
1、先看你是否有做分包,如果有,继续看下面
2、用代码打包分析工具看看具体哪个 npm 包导致你的 app.js 包体积过大
3、如果 app.js 中第三方库体积太大,那就用 external 把第三方库分离出来直接用 cdn 加载,或单独打包为一个 vendor.js,将他们从 app.js 中分离出来
以上是 公司项目的vuex越来越多,打包出来的app.js很大,有没有办法把vuex从app.js里分离出来? 的全部内容, 来源链接: utcz.com/p/937571.html