文档章节

vue引入echart.js打包时特别大

Js_Mei
 Js_Mei
发布于 09/25 16:49
字数 154
阅读 34
收藏 0

link : https://www.cnblogs.com/strinkbug/p/5786222.html

一、i在html中添加script标签如下:

<script src="//cdn.bootcss.com/echarts/3.2.2/echarts.simple.min.js"></script>

二、在webpack中配置echarts 在webpack.base.conf.js文件内添加external选项,在module.exports内部,和entry平级;

externals: {

"echarts": "echarts"

},

externals中的key是给import的时候用的,value表示的是如何在global中访问到该对象,这里是window.echarts

三、在需要使用echart的vue页面引入echart

import echarts from 'echarts'

this.myChart = echarts.init(document.getElementById('line1'))

this.myChart.setOption(option)

© 著作权归作者所有

共有 人打赏支持
Js_Mei
粉丝 3
博文 46
码字总数 10040
作品 0
前端工程师
私信 提问
webpack 引入 CDN 加速

webpack 引入 cdn 加速,用比较流行的 vue + webpack 来说明好了 1、在SPA模版入口页面,项目根目录下的 index.html 中引入 CDN 2、在配置文件 build/webpack.base.conf.js 中添加 简单说明一...

big_cat
10/31
0
0
Vue-Router源码学习之install方法

Vue是怎么注册插件的呢? 使用过Vue的coder都知道,如果想注册一个vue的插件,在vue对象上能够使用的话(并不是绑在Vue.prototype上的那种暴力方式),必须使用Vue.use(你的插件)的方式来注册...

酸楚与甘甜
09/07
0
0
Vue插件开发流程详解-从开发到发布至npm(二)

 前记:上一篇 https://www.cnblogs.com/adouwt/p/9211003.html,(这里感谢博客园的网友,给我点赞推荐了) 说到了一个完整的vue插件开发、发布的流程,总结下来就讲了这么一个事,如何注入...

大灰狼的小绵羊哥哥
09/16
0
0
vue插件开发流程详解-从开发到发布至npm(二)

  前记:上一篇 https://www.cnblogs.com/adouwt/p/9211003.html,说到了一个完整的vue插件开发、发布的流程,总结下来就讲了这么一个事,如何注入vue, 如果封装vue插件,如何测试vue插件,...

阿逗
09/16
0
0
Vue学习笔记之vue-cli项目搭建及解析

(一)安装node.js 首先需要安装node环境,可以直接到中文官网http://nodejs.cn/下载安装包。 只是这样安装的 node 是固定版本的,如果需要多版本的 node,可以使用 nvm 安装http://blog.csd...

逆袭的小菜鸟
2017/12/28
0
0

没有更多内容

加载失败,请刷新页面

加载更多

结合Spring和Groovy解决脚本热加载

前言 去年写过一篇文件介绍了采用jpython解决动态配置热加载的问题jpython解决热加载,今年在实现规则引擎过程中准备进行升级,采用groovy脚本解决。 方案 将一些规则相关,如统计,排序,过...

春哥大魔王的博客
4分钟前
0
0
以太坊应用开发接口:JSON RPC API

以太坊应用开发接口指的是以太坊节点软件提供的API接口,去中心化应用可以利用这个接口访问以太坊上的智能合约。以太坊应用开发接口采用JSON-PRC标准,通常是通过HTTP或websocket提供给应用程...

汇智网教程
8分钟前
0
0
排序--二分插入排序

二分插入排序是对直接插入排序的一个优化,在排序--直接插入排序中已经分析过直接插入排序的最坏时间复杂度是平方级别的,二分插入排序则是通过二分查找对寻找插入位置进行了优化,在找到插入...

FAT_mt
18分钟前
1
0
Quora点赞过万!麻省理工5.0GPA十条学习技巧

美国版知乎Quora上有个问题是:顶尖学生如何学习。排名第一的答案已经赢得13.5K次点赞,我们翻译出来分享给大家。 MIT normally does not rank its students. So if you hear that someone g...

乔老哥
31分钟前
1
0
IOC的学习(1)

1.IOC理论概要 java中,一个对象A怎么才能调用对象B? 当一个对象的构建,需要多个其他对象时,对象和对象有复杂的构建关系。spring帮助我们维系对象的依赖关系,降低系统的实现成本,前提是...

杨健-YJ
44分钟前
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部