1、html 中引入 echarts
html中添加script标签如下:
<script src="//cdn.bootcss.com/echarts/4.2.1/echarts.simple.min.js"></script>
2、在 webpack 中配置使用 echarts CDN
在vue.config.js中配置如下:
module.exports = {
configureWebpack: {
externals: {
'echarts': 'echarts' // 配置使用CDN
}
}
}
externals中的key是用于import,value表示的在全局中访问到该对象,就是window.echarts
3、在vue文件中使用
在vue中使用echarts的时候无需 import echarts,可直接使用