ElementUI框架源码学习2 公共模块公用

通过资料及文档查找,对js库文件的打包做了如下配置

output配置中

 filename:表示输出文件名称

 libraryTarget:表示输出方式,此处我选择的是全局变量输出,一般建议配置为umd,既可以支持amd export 也可以支持全局变量

 library:表示输出的全局变量名称

 

在打包模块中,因为部分js文件引用vue,vuex等模块,所以我重新添加了模块依赖,打包之后发现一个问题

因为js库函数使用的Vue对象与工程项目的并不是一个,所以有些注入、挂载在两边并不一致,因此出错

由此,推想应该让js库与工程使用同一Vue模块,有两种方案:

1、在js库添加Vue模块,然后通过export导出到工程

2、在工程中添加Vue模块,在js库初始化时,工程通过全局变量注入

 

因为ElementUi也是对Vue组件进行扩展,肯定也会遇到此类问题,大致扫了一遍代码,发现其做了如下处理:

即采用的第二种方法,不过这种涉及对js库代码的改动,先测试下第一种方案

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值