簡(jiǎn)介

Vux（讀音 [v'ju:z]，同views）是基于WeUI和Vue(2.x)開發(fā)的移動(dòng)端UI組件庫，主要服務(wù)于微信頁面。

基于webpack+vue-loader+vux可以快速開發(fā)移動(dòng)端頁面，配合vux-loader方便你在WeUI的基礎(chǔ)上定制需要的樣式。

vux-loader保證了組件按需使用，因此不用擔(dān)心最終打包了整個(gè)vux的組件庫代碼。

vux并不完全依賴于WeUI，但是盡量保持整體UI樣式接近WeUI的設(shè)計(jì)規(guī)范。最初目標(biāo)是創(chuàng)建一個(gè)易用，實(shí)用，美觀的移動(dòng)端UI組件庫，現(xiàn)在離理想狀態(tài)還有不少距離，因此需要大家及時(shí)反饋問題及貢獻(xiàn)代碼。

1、命令添加vux

npm install vux --save

2、在build/webpack.base.conf.js中配置

const vuxLoader = require('vux-loader')const webpackConfig = originalConfig // 原來的 module.exports 代碼賦值給變量 webpackConfig//即將原來的module.exports 改為 const webpackConfigmodule.exports = vuxLoader.merge(webpackConfig, {plugins: [{  name: 'vux-ui' }]})

3、添加less

npm install less less-loader --save-dev

4、添加yaml-loader

npm install yaml-loader --save-dev

5、添加vux-loader

npm install vux-loader --save-dev

6、在main.js中添加

const FastClick = require('fastclick')FastClick.attach(document.body)import VueRouter from 'vue-router'Vue.use(VueRouter)