vue-cli 3.0集成vux报错

vux是一个很优秀的移动端组件库,用过vue的都知道,我们想要使用某个组件库时,直接在package.json中加入库名,然后npm install 将组件库下载下来,然后在要用的时候直接import相应组件就行了。
如果你在vue-cli 2.0的项目中使用过vux就会知道只需要在package.json里加上“vux”就行

版本号前面的 “^” 的作用就是会在npm install的时候自动下载最大版本(例如3.0.1,如果3.3.1是最大版本,4.2.1为最新,则更新为3.3.1),去掉 “^” 就是下载指定版本,对于某些特殊的组件最好不加,之前在开发项目时就因为在npm install时webpack自动把组件更新了版本,而导致某个组件的功能出了问题,当时找了好久原因才找到的,然后就把所有的组件上的“^”去掉了,心有余悸。。。

如果是在vue-cli3.0中这样你会发现在使用vux的组件时会报错:

解决办法就是:在vue.config.js里加这一段代码就可以啦

  configureWebpack: config => {
        require('vux-loader').merge(config, {
            options: {},
            plugins: ['vux-ui']
        })
    },
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值