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']
})
},