美文网首页
vux -- vue 手机端的 UI 组件库

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

作者: sunxiaochuan | 来源:发表于2018-04-28 16:13 被阅读0次

    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 组件库

          本文链接:https://www.haomeiwen.com/subject/ffsahftx.html