18910140161

业务上用到了antd-vue跟element-ui两个组件

2021-11-06 18:55:53

49

业务上用到了antd-vue跟element-ui两个组件,但是element-ui只有一个页面用到。有什么办法打包出来chunk-vendor只有antd-vue的包,加载到使用到element-ui的页面才加载element-ui的包。有一点很奇怪。我在业务中使用到了VXETable,然后在对应的路由组件上使用Vue.use(VXETable),这样打包出来的chunk-vendor是没有VXETable的,但是同样的方法使用elemeng-ui就失效了。


顺晟科技:

目前我是采用在element-ui按需加载的形式进行打包,不同的地方是将Vue.use(Element)从main.js中移动到具体页面中,最终出来的chunk-vendor要少很多

你也可以通过按需引入的方式来使用element-ui的部分组件来适量加载

手动配置 configureWebpack

听说 element-ui 是可以局部注册的。另外css可以直接在index.html 里面引用,可以不在main.js里面引入。

vue.config.js配置在该入口的chunks中添加chunk-element-ui

删除默认配置 chainWebpack

多入口的话可以参照下面的试试:可以把element-ui单独打包成 chunk-element形式。需要删除默认的splitChunk配置,自己配置一下

单入口的话按需加载就行了。

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航