資訊專欄INFORMATION COLUMN
摘要：在中配置使用寫在前面正常按照下面給定的配置，因官方更新過更新過，導(dǎo)致的加載錯誤。題后說明本人文中所提到的僅代表本人個人使用感受，并不能說明事物實(shí)際屬性，大家僅在乎配置相關(guān)即可。作為非大團(tuán)隊(duì)維護(hù)的組件庫，是一款非常優(yōu)秀的基于的組件庫。
在vue-cli3.x中配置使用VUX 寫在前面
正常按照下面給定的配置，因官方更新過vue/cli3.x更新過vue-loader，導(dǎo)致的加載錯誤。之前因端午在家，未仔細(xì)查看錯誤，也沒有去調(diào)試而武斷的認(rèn)為是webpack的問題，希望沒有給大家造成困擾。vue-loader的版本更新之后，vux-loader的依賴版本還是之前版本，因而導(dǎo)致的下面評論區(qū)出現(xiàn)的錯誤。大家可以手動指定vue-loader的版本來解決此加載問題。
yarn add [email protected] -D or npm install [email protected] -D
2018/6/25更新
當(dāng)時寫此帖時，vue/cli3.x所使用的webpack版本和vux所使用的webpack大版本一致，現(xiàn)今vue/cli3.x所使用的webpack為4.x，與vux不一致，因此一些loader可能會出錯。而且當(dāng)時vue/cli3.x的文檔并沒有，故此寫這篇自記和幫助大家，現(xiàn)在vue/cli3.x已進(jìn)入RC，相應(yīng)文檔也已放出，各位可以通過vue/cli的文檔來進(jìn)行配置。
2018/6/18更新
vux是基于WeUI和Vue(2.x)開發(fā)的移動端UI組件庫，主要服務(wù)于微信頁面(官方介紹)。
這些天閑來無事用豆瓣開放的api練習(xí)一下vue-cli3.x，但是對于一些組件的實(shí)現(xiàn)自己寫的實(shí)在太粗糙和功能不全，故而想引用一些優(yōu)秀的三方UI組件。
vux算是我知道的較早的一個基于vuejs的UI組件庫吧。但是當(dāng)時沒有需求，所以一直沒有使用這個組件庫，直到最近又重新關(guān)注了一下。
對于我的第一印象，就是vux的一些集成度太高了，雖然極大地方便一些開發(fā)者，使用vux-loader來按需加載組件庫。對于之前的我來說，倒是很樂意這樣的一個組件庫產(chǎn)生，但是對于現(xiàn)在喜歡折騰一些新東西，就顯得并不是非常的友好了（特別是對于我這種文檔看的不那么細(xì)致的人來說）。
vue-cli3.x的一些服務(wù)配置整個的結(jié)構(gòu)都遷移到CLI Service里面了，對于一些基礎(chǔ)配置和一些擴(kuò)展配置提供了vue.config.js。那么問題來了，對于這么一個入口，肯定不能直接按照vux-loader的方法直接在配置文件置空webpackConfig了。而多帶帶組件引用的話又被告知使用錯誤（事實(shí)上都直接報(bào)錯了，因?yàn)闆]有正確對于組件的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配置中這樣配置，那么你就可以正常的在你的項(xiàng)目中使用vux這個組件庫了。
題后說明本人文中所提到的僅代表本人個人使用感受，并不能說明事物實(shí)際屬性，大家僅在乎配置相關(guān)即可。
vux作為非大團(tuán)隊(duì)維護(hù)的UI組件庫，是一款非常優(yōu)秀的基于vuejs的UI組件庫。對于移動端的一些組件可以說是最全（僅在我的認(rèn)知內(nèi)）的，而且還提供了一些常用而實(shí)用的lib，在github上的star數(shù)已經(jīng)超過12k，可以說是非常受歡迎的了。
還有一點(diǎn).......不要在意文筆，實(shí)在不會寫文章，求輕噴。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/94599.html
摘要：花了一天時間，做了一套加班報(bào)名系統(tǒng)，前端基于，后端基于。如果需求對視覺要求不高，還是非常推薦把引進(jìn)到項(xiàng)目中的。提供了各種各樣的組件，基本上拿來就能用。需要注意的是，讀寫文件默認(rèn)都是同步的，將的寫配置成異步寫入能極大的提升性能。 花了一天時間，做了一套加班報(bào)名系統(tǒng)，前端基于webpack+vue+vux，后端基于express+lowdb。以前在項(xiàng)目中也都接觸過webpack+vue，第...
摘要：最近在寫移動端項(xiàng)目就想用，來進(jìn)行適配把轉(zhuǎn)換成但是也用到了第三方組件庫把這個引入發(fā)現(xiàn)一個問題就是的組件都縮小了在網(wǎng)上找不到答案最后在一個開發(fā)群里找到了解決的方法目前的處理方法是將組件中轉(zhuǎn)化為，避免被轉(zhuǎn)成在中中配置以下代碼自定義的全局 最近在寫移動端項(xiàng)目,就想用lib-flexable，px2rem來進(jìn)行適配,把px轉(zhuǎn)換成rem但是也用到了第三方UI組件庫vux,把這個引入發(fā)現(xiàn)一個問題就是...
摘要：下面來就來講講腳手架的安裝吧。如何安裝安裝只需要在終端下輸入下面一條命令自帶不需要安裝安裝完成后使用即可。原因是的問題，要求版本是。想用安裝，就必須用安裝一下。 前言 Vue作為前端三大框架（Angular，React，Vue）之一，號稱是最簡單，最容易上手的框架，同時也是行內(nèi)的大趨勢，還可以用來開發(fā)最火的小程序。具有開發(fā)快，雙向數(shù)據(jù)流等特點(diǎn)，有些人認(rèn)為Vue是Angular和Reac...
摘要：下面來就來講講腳手架的安裝吧。如何安裝安裝只需要在終端下輸入下面一條命令自帶不需要安裝安裝完成后使用即可。原因是的問題，要求版本是。想用安裝，就必須用安裝一下。 前言 Vue作為前端三大框架（Angular，React，Vue）之一，號稱是最簡單，最容易上手的框架，同時也是行內(nèi)的大趨勢，還可以用來開發(fā)最火的小程序。具有開發(fā)快，雙向數(shù)據(jù)流等特點(diǎn)，有些人認(rèn)為Vue是Angular和Reac...
閱讀 550·2021-08-31 09:45
閱讀 1661·2021-08-11 11:19
閱讀 895·2019-08-30 15:55
閱讀 833·2019-08-30 10:52
閱讀 2865·2019-08-29 13:11
閱讀 2937·2019-08-23 17:08
閱讀 2847·2019-08-23 15:11
閱讀 3077·2019-08-23 14:33
