小昱个人博客
欢迎来到小昱的世界

勤学如春起之苗,不见其增,日有所长;辍学如磨刀之石,不见其损,日有所亏
Vue中使用vux的配置详解
  • 首页 > 前端 > Vue
  • 作者:小昱
  • 2017年8月9日 14:03 星期三
  • 浏览:132
  • 字号:
  • 评论:0
  • 这篇文章主要为大家详细介绍了Vue中使用vux配置的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    Vue中使用vux的配置,分为两种情况:

    一、根据vux文档直接安装,无需手动配置

    npm install vue-cli -g
    vue init airyland/vux2 my-project
    cd my-project
    npm run dev


    二、想在已创建的Vue工程里引入vue组件

    1. 在项目里安装vux

    npm install vux --save

    2. 安装vux-loader

    npm install vux-loader --save-dev

    3. 安装less-loader

    npm install less less-loader --save-dev

    4. 安装yaml-loader  (以正确进行语言文件读取, 我没安装似乎也没报错)

    npm install yaml-loader --save-dev

    5. 在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'] })

     


    参考资料

    Vue中使用vux的配置详解

    Vux官方网址


     

     

     

      您阅读这篇文章共花了:  
    二维码加载中...
    本文作者:小昱      文章标题: Vue中使用vux的配置详解
    本文地址:http://www.xiaoyulive.top/?post=117
    版权声明:若无注明,本文皆为“小昱个人博客”原创,转载请保留文章出处。
    返回顶部| 首页| 碰碰手气| 捐赠支持| 手机版本|后花园

    Copyright © 2016-2017 小昱个人博客 滇ICP备16006294号