在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，能夠說是異常受歡迎的了。
另有一點…….不要在乎文筆，着實不會寫文章，求輕噴。