按需导入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前面还不行的,干脆放到最前面就好了)
博客主要讲述按需导入element-ui组件时遇到的问题。打包时chunk-elementUI.XXXX.js过大,按官网方法按需导入后文件变小但仍有警报。加入transfer控件后样式混乱,经检查发现是样式优先级问题,将vue.use(transfer)提到最前解决问题。
&spm=1001.2101.3001.5002&articleId=90599656&d=1&t=3&u=8df0c390059643a3bebf2a1891e4939d)
8881

被折叠的 条评论
为什么被折叠?



