vux -- vue 手机端的 UI 组件库

VUX github
VUX 中文文档

1. 想在已创建的Vue工程里引入vux组件

官方教程
原文地址

  • 安装
# 在项目里安装vux
npm install vux --save
# 安装vux-loader (没安装会报错错误) 
npm install vux-loader --save-dev
# 安装less-loader  (这个是用以正确编译less源码,否则会出现 ' Cannot GET / ')
npm install less less-loader --save-dev
# 安装yaml-loader  (以正确进行语言文件读取)
npm install yaml-loader --save-dev
  • 配置--在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: ['vux-ui'] })
  • 之后 npm run dev 页面显示正常即可

你可能感兴趣的:(vux -- vue 手机端的 UI 组件库)