vue-cli 3.0集成vux

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


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

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


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

  configureWebpack: config => {
        require('vux-loader').merge(config, {
            options: {},
            plugins: ['vux-ui']
        })
    },

你可能感兴趣的:(vue-cli 3.0集成vux)