鍍金池/ 問答/HTML/ Vue-cli項(xiàng)目引入Echarts,引入后單獨(dú)打包進(jìn)chunk，導(dǎo)致文件過大

Vue-cli項(xiàng)目引入Echarts,引入后單獨(dú)打包進(jìn)chunk，導(dǎo)致文件過大

圖片描述

圖片描述
圖片描述

圖片描述

Vue項(xiàng)目引入了echarts，在組件中通過import導(dǎo)入，但是為什么打包的時(shí)候沒有打包到公共的Vender.js里面，每個(gè)單獨(dú)引入導(dǎo)致包過大？

回答
編輯回答
柒喵

Echarts 文件7m多，當(dāng)然不能打包啦，現(xiàn)在那么多可用的cdn，當(dāng)然直接引用。。。

2018年7月7日 04:43
編輯回答
墨小羽

我之前做項(xiàng)目的時(shí)候也遇到了這個(gè)問題，采用的解決方案是把 echarts 通過 cdn 作為外部引用，而不是直接 import 進(jìn)去。

只與在代碼中使用 echarts 全局變量，可以通過某些方式配置：

// webpack.base.config.js

module.exports = {
    externals: {
        "echarts": "echarts"
    },
}

可以參考：https://segmentfault.com/a/11...

2018年3月13日 02:44
編輯回答
怣痛

我現(xiàn)在是這樣做的，在main.js里面導(dǎo)入echarts，然后掛載到Vue.prototype上，在組件通過this調(diào)用。這樣會(huì)有不良影響么？

2017年10月6日 04:38
編輯回答
敢試

請(qǐng)問樓主的一張圖是用的webpack-bundle-analyzer么，求怎么配置

2017年6月19日 03:13