公司项目的vuex越来越多,打包出来的app.js很大,有没有办法把vuex从app.js里分离出来?

公司项目的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

回到顶部