纠缠了一整个下午的问题!
求大家帮忙解决一下!
谢谢大家!
使用Valine时 引入 库文件 或者 cdn 在网页加载时都会报错
也尝试过使用别的 库文件 和 cdn 也是一样的结果
谢谢大家啦!
不知道你这个问题是否已经解决, 如果还没有解决的话:首先让我很耿耿于怀的就是这个ercharts,确实用的多,打包之后也很占空间,所以我决定用cdn来引入:
public/index.html
<script crossorigin="anonymous" src="https://lib.baomitu.com/echarts/5.2.1/echarts.min.js"></script>
其它版本你们自己移步到链接:
echarts配置vue.config.js
module.exports = {
chainWebpack: config => {
// ...
var externals = {
'echarts': 'echarts',
}
config.externals(externals)
config.plugins.delete("prefetch") //配置可以取消首屏渲染时对组件js文件的预加载, 实现真正的按需加载
},
//...
}
使用方法
import * as echarts from 'echarts'
哪个页面需要用到,就按照上面的引入就行,也可以在main.js全局引入,这样就可以直接使用echarts.init()等方法了
重新打包看效果
我忘记截图了,你们可以自己看看效果哈,就echarts.js部分就没了,我这边是缩小了6MB