vux 코드 추가 방법에 대한 자세한 설명

Vux([v'ju:z]로 발음, 뷰와 동일)는 WeUI 및 Vue(2.x)를 기반으로 개발된 모바일 UI 구성 요소 라이브러리로 주로 WeChat 페이지를 서비스합니다. webpack+vue-loader+vux를 기반으로 vux-loader를 사용하면 WeUI를 기반으로 필요한 스타일을 맞춤 설정할 수 있습니다. vux-loader는 요청 시 구성 요소가 사용되도록 보장하므로 결국 전체 vux 구성 요소 라이브러리 코드를 패키징하는 것에 대해 걱정할 필요가 없습니다. vux는 WeUI에 완전히 의존하지는 않지만 전체적인 UI 스타일을 WeUI의 디자인 사양에 가깝게 유지하려고 노력합니다. 원래 목표는 사용하기 쉽고 실용적이며 아름다운 모바일 UI 구성 요소 라이브러리를 만드는 것이었지만, 아직 이상적인 상태와는 거리가 멀기 때문에 모든 사람이 문제에 대해 적시에 피드백을 제공하고 코드에 기여해야 합니다.

1. vux

npm install vux --save

2를 추가하는 명령

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.

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)

： 관련 추천:

Vue.js 개발 환경에 대한 자세한 설명 빠른 구축 방법

Vue-CLI가 도메인 간 요청을 실현하는 방법에 대한 자세한 설명

vue.js 플러그에 대한 자세한 설명- ~에

위 내용은 vux 코드 추가 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!