加载本地组件库,做到按需加载组件

1.有一套本地组件库
2.下边是组件库的index.js文件

import a form '组件库'
import b form '组件库'
import c form '组件库'
export {a,b,c}
而在业务页面里
我只需要引入import {a} from '组件库的index.js',这样就是b,c组件就没有用到,如果不处理,就会全部导进来

解决方案:
在项目的package.json文件中,加上下边的配置,这是webpack的按需加载配置,配置数组里的内容是不做按需处理的文件,否则会出现没有样式的问题

"sideEffects": [
    "*.styl",
    "*.css",
    "*.sass",
    "*.scss",
    "*.vue"
  ],

有更好的解决方案,欢迎大家一起讨论

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值