vue-cli 3.0集成vux

vux是一個很優秀的移動端組件庫,用過vue的都知道,我們想要使用某個組件庫時,直接在package.json中加入庫名,然後npm install 將組件庫下載下來,然後在要用的時候直接import相應組件就行了。
如果你在vue-cli 2.0的項目中使用過vux就會知道只需要在package.json里加上“vux”就行


20315386-0c0ada3504dd6162.png

版本號前面的 “^” 的作用就是會在npm install的時候自動下載最新版本,去掉 “^” 就是下載指定版本,不會更新啦,對於某些特殊的組件最好不加,之前在開發項目時就因爲webpack自動把組件更新成了最新版本,而導致某個組件的功能出了問題,當時找了好久原因才找到的,然後就把所有的組件上的“^”去掉了,心有餘悸。。。

如果是在vue-cli3.0中這樣你會發現在使用vux的組件時會報錯:


20315386-cd8777ca0fe65bfd.png

解決辦法就是:在vue.config.js里加這一段代碼就可以啦

  configureWebpack: config => {
        require('vux-loader').merge(config, {
            options: {},
            plugins: ['vux-ui']
        })
    },
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章