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