Vux配置指南
阿新 • • 發佈:2017-12-08
是你 ons 版本信息 ack ast port dev 保存 pac
流程
Vux
是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‘ }] })
Vux配置指南