VUE-CLI 3.0项目使用CDN方式引用v-charts，webpack配置external，使用{"v-charts":"VeIndex"}

2020-01-17 23:03:03

找js的全局例子，我们可以在console下面的windows点来看全局变量window下面有什么属性。

 没有对外暴露UMD模块的名称，VUE-CLI3项目对该库使用CDN方式不友好 VUE-CLI 3.0项目使用CDN方式引用v-charts，webpack配置external，使用{"v-charts":"VeIndex"} 


Summary 简述

没有对外暴露UMD模块的名称，使用vue-cli3的项目，生产上打包时，vendors太大，v-charts想使用CDN，webpack的配置参数externals不知道怎么写，{"v-charts":"???"}


Expect 期望结果

对外暴露UMD模块名称，如VCharts VCHARTS等，参考element-ui，对外暴露的名称就是ELEMENT


自己找到了，global.VeIndex = factory(global.echarts)。。直接挂在全局对象上的，是VeIndex

  • 精彩推荐

  • 2017-05-02 17:54:57

    高并发 php uniqid 不重复唯一标识符生成方案

    PHP uniqid()函数可用于生成不重复的唯一标识符，该函数基于微秒级当前时间戳。在高并发或者间隔时长极短（如循环代码）的情况下，会出现大量重复数据。即使使用了第二个参数，也会重复，最好的方案是结合md5函数来生成唯一ID。

  • 2017-05-12 16:33:24

    说说JSON和JSONP，也许你会豁然开朗

    　　JSON(JavaScript Object Notation)和JSONP(JSON with Padding)虽然只有一个字母的差别，但其实他们根本不是一回事儿：JSON是一种数据交换格式，而JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议。我们拿最近比较火的谍战片来打个比方，JSON是地下党们用来书写和交换情报的“暗号”，而JSONP则是把用暗号书写的情报传递给自己同志时使用的接头方式。看到没？一个是描述信息的格式，一个是信息传递双方约定的方法。

  • 2017-05-25 23:18:23

    webpack图片的路径与打包

    刚开始用webpack的同学很容易掉进图片打包这个坑里，比如打包出来的图片地址不对或者有的图片并不能打包进我们的目标文件夹里(bundle)。下面我们就来分析下在webpack项目中图片的应用场景。