vue-cli 3.x配置使用vux

在vue-cli3.x中配置使用VUX

寫在前面

正常按照下面給定的配置，因官方更新過vue/cli3.x更新過vue-loader，致使的加載錯誤。以前因端午在家，未仔細查看錯誤，也沒有去調試而武斷的認爲是webpack的問題，但願沒有給你們形成困擾。vue-loader的版本更新以後，vux-loader的依賴版本仍是以前版本，於是致使的下面評論區出現的錯誤。你們能夠手動指定vue-loader的版原本解決此加載問題。

yarn add vue-loader@14.2.2 -D
or
npm install vue-loader@14.2.2 -D

2018/6/25更新

---

當時寫此帖時，vue/cli3.x所使用的webpack版本和vux所使用的webpack大版本一致，現今vue/cli3.x所使用的webpack爲4.x，與vux不一致，所以一些loader可能會出錯。並且當時vue/cli3.x的文檔並無，故此寫這篇自記和幫助你們，如今vue/cli3.x已進入RC，相應文檔也已放出，各位能夠經過vue/cli的文檔來進行配置。

2018/6/18更新

---

vux是基於WeUI和Vue(2.x)開發的移動端UI組件庫，主要服務於微信頁面(官方介紹)。
這些天閒來無事用豆瓣開放的api練習一下vue-cli3.x，可是對於一些組件的實現本身寫的實在太粗糙和功能不全，故而想引用一些優秀的三方UI組件。
vux算是我知道的較早的一個基於vuejs的UI組件庫吧。可是當時沒有需求，因此一直沒有使用這個組件庫，直到最近又從新關注了一下。
對於個人第一印象，就是vux的一些集成度過高了，雖然極大地方便一些開發者，使用vux-loader來按需加載組件庫。對於以前的我來講，卻是很樂意這樣的一個組件庫產生，可是對於如今喜歡折騰一些新東西，就顯得並非很是的友好了（特別是對於我這種文檔看的不那麼細緻的人來講）。
vue-cli3.x的一些服務配置整個的結構都遷移到CLI Service裏面了，對於一些基礎配置和一些擴展配置提供了vue.config.js。那麼問題來了，對於這麼一個入口，確定不能直接按照vux-loader的方法直接在配置文件置空webpackConfig了。而單獨組件引用的話又被告知使用錯誤（事實上都直接報錯了，由於沒有正確對於組件的load）。
參照vux-loader文檔的配置說明，那麼就是merge如下vux-loader的配置到webpackConfig裏面唄，接下來就簡單了。咱們只須要在vue.config.js文件中的webpackConfig的配置中mergevux-loader就好了。

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

只要在vue.config.js配置中這樣配置，那麼你就能夠正常的在你的項目中使用vux這個組件庫了。

題後說明

本人文中所提到的僅表明本人我的使用感覺，並不能說明事物實際屬性，你們僅在意配置相關便可。
vux做爲非大團隊維護的UI組件庫，是一款很是優秀的基於vuejs的UI組件庫。對於移動端的一些組件能夠說是最全（僅在個人認知內）的，並且還提供了一些經常使用而實用的lib，在github上的star數已經超過12k，能夠說是很是受歡迎的了。
還有一點.......不要在乎文筆，實在不會寫文章，求輕噴。