vue-element-admin我踩的坑(8)

按需导入element-ui组件问题

每次在打包的时候,都会出现chunk-elementUI.XXXX.js 过大的警告,有500多KiB,然后发现在element官网中有按需导入组件的方法(快速上手章节)。

我先全部拷贝,然后根据使用情况,删除了一些没有用到的组件。然后打包发现chunk-elementUI.XXXX.js果然变小了,成了300多KiB,虽然还是没达到推荐的244之下,仍然有警报,但想不出其他方法了,也就这样了。

这里还没出现问题,后来因为需要,加入了一个transfer控件,发现官网里面的代码列表是漏了这个控件的,import部分有,但vue.use部分没有,我就按import的顺序给加了vue.use的语句,结果问题出现了,样式乱了(我加宽了选择框):

从图上看有两个问题,一个是筛选框宽度不对,另外一个是选项没有换行。

经过检查以及和官网例子的对比,发现是checkbox和input的样式优先级高于transfer的优先级,ok,把vue.use(transfer)提到前面,问题解决(放到input前面还不行的,干脆放到最前面就好了)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值