欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue 添加vux的代碼講解

 更新時(shí)間：2017年11月30日 11:50:49   作者：仔仔愛學(xué)習(xí)  
通過命令npm install vux --save添加vux，在相關(guān)配置文件中配置信息，具體代碼添加方法，大家參考下本文

簡(jiǎn)介

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

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

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

vux并不完全依賴于WeUI，但是盡量保持整體UI樣式接近WeUI的設(shè)計(jì)規(guī)范。最初目標(biāo)是創(chuàng)建一個(gè)易用，實(shí)用，美觀的移動(dòng)端UI組件庫(kù)，現(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 webpackConfig
module.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)

相關(guān)文章

最新評(píng)論