vue에 vux를 추가하는 방법은 무엇입니까?

npm install vux --save 명령을 통해 vux를 추가하고 관련 구성 파일의 정보를 구성하며, 구체적인 코드 추가 방법은 이 글을 참조하세요

Introduction

Vux(발음 [v'ju :z], 뷰와 동일)은 WeChat 페이지를 주로 서비스하는 WeUI와 Vue(2.x)를 기반으로 개발된 모바일 UI 컴포넌트 라이브러리입니다.

webpack+vue-loader+vux를 기반으로 vux-loader를 사용하면 WeUI를 기반으로 필요한 스타일을 맞춤 설정할 수 있습니다.

vux-loader는 요청 시 구성 요소가 사용되도록 보장하므로 결국 전체 vux 구성 요소 라이브러리 코드를 패키징하는 것에 대해 걱정할 필요가 없습니다.

vux는 WeUI에 완전히 의존하지는 않지만 전체적인 UI 스타일을 WeUI의 디자인 사양에 가깝게 유지하려고 노력합니다. 원래 목표는 사용하기 쉽고 실용적이며 아름다운 모바일 UI 구성 요소 라이브러리를 만드는 것이었지만, 아직 이상적인 상태와는 거리가 멀기 때문에 모든 사람이 문제에 대해 적시에 피드백을 제공하고 코드에 기여해야 합니다.

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를 추가합니다.

npm install yaml-loader --save-dev

npm install vux-loader --save-dev