Vue 의 Vux 설정 안내

간단 한 소개
Vux(독음[v'ju:z],같은 views)는 WeUI 와 Vue(2.x)를 기반 으로 개발 한 모 바 일 UI 구성 요소 라 이브 러 리 로 주로 위 챗 페이지 에 서 비 스 를 제공 합 니 다.
웹 팩+vue-loader+vux 를 기반 으로 모 바 일 페이지 를 빠르게 개발 할 수 있 으 며,vux-loader 와 결합 하여 WeUI 를 바탕 으로 필요 한 스타일 을 맞 출 수 있 습 니 다.
vux-loader 는 구성 요소 가 필요 에 따라 사용 하도록 보장 하기 때문에 최종 적 으로 vux 의 구성 요소 라 이브 러 리 코드 를 포장 하 는 것 은 걱정 하지 않 아 도 됩 니 다.
vux 는 WeUI 에 전적으로 의존 하 지 는 않 지만 전체적인 UI 스타일 이 WeUI 에 가 까 운 디자인 규범 을 유지 하도록 합 니 다.최초의 목 표 는 사용 하기 쉽 고 실 용적 이 며 아름 다운 모 바 일 UI 구성 요소 라 이브 러 리 를 만 드 는 것 이 었 습 니 다.지금 은 이상 적 인 상태 에서 많은 거리 가 있 기 때문에 문제 와 공헌 코드 를 신속하게 피드백 해 야 합 니 다.
흐름
Vue.js 의 ui 라 이브 러 리 입 니 다.홈 페이지 는 여기 있 습 니 다.공식 문서 의 설정 안내 서 는 기술 의 나열 에 중심 을 두 고 있 습 니 다.저 는 Vux 의 설정 절 차 를 간소화 하 겠 습 니 다.
1.vux 설치
npm install vux --save
2.less-loader 설치
vux 는 less 컴 파일 소스 코드 를 사용 하기 때문에 프로젝트 에 less-loader 가 있어 야 합 니 다.

npm install less less-loader --save-dev

3.vux-loader 를 설치 하고 vuxLoader 를 설정 합 니 다.
vux-loader 설치:

npm install less vux-loader --save-dev

vux-loader 를 설치 하지 않 고 설정 하지 않 으 면 구성 요 소 를 도입 할 수 있 습 니 다.

import AlertPlugin from 'vux/src/plugins/Alert'
import ToastPlugin from 'vux/src/plugins/Toast'

설정 후 이렇게 구성 요 소 를 도입 할 수 있 습 니 다:

import { AlertPlugin, ToastPlugin } from 'vux'

설정 프로 세 스 는 다음 과 같 습 니 다:
webpack.base.config.js 에서 다음 과 같이 수정 합 니 다.그 중에서 webpackConfig 는 이전 설정 입 니 다(즉,이전 module.export 오른쪽 에 있 는 덩어리 입 니 다.지금 은 이 변수 로 저 장 됩 니 다).

const vuxLoader = require('vux-loader')
module.exports = vuxLoader.merge(webpackConfig, {
  options: {
    showVuxVersionInfo: false //  vux console        
  },
  plugins: [{
    name: 'vux-ui'
  }]
})

총결산
위 에서 말 한 것 은 편집장 님 께 서 소개 해 주신 Vue 의 Vux 설정 안내서 입 니 다.여러분 께 도움 이 되 셨 으 면 좋 겠 습 니 다.궁금 한 점 이 있 으 시 면 메 시 지 를 남 겨 주세요.편집장 님 께 서 바로 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!