美文网首页
vux配置和mint-ui配置

vux配置和mint-ui配置

作者: 18fa100a8459 | 来源:发表于2018-05-31 18:16 被阅读0次

    vux的配置步骤如下

    vux官方地址

    一、用cnpm下载三个模块

    1.   cnpm install vux --save

    2.   cnpm install vux-loader --save

    3.   cnpm install  less-loader --save

    二、请在build/webpack.base.conf.js里参照如下代码进行配置:

    图一

    注意事项:1.必须用cnpm安装,用npm安装时会报错

                      2.必须下载三个模块的内容,官网上没有后两块的下载说明,但也必须要下载

                     3.在webpack.base.config.js头部一定要 const vuxLoader = require('vux-loader')                         不然会报vuxLoader is not defined

    mint-ui的配置步骤如下:

    我们只演示按需引入的安装步骤,在项目里我们也推荐按需引入,减少项目的体积

    1.cnpm install --save mint-ui

    2.cnpm install babel-plugin-component -D

    3.在.babelrc中去配置它:


    图二

    4.直接在组件中引入即可:

    图三

    注意:因为我们有了第二部的操作,所以我们不需要去引入mint-ui的css样式

    相关文章

      网友评论

          本文标题:vux配置和mint-ui配置

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