vux配置和mint-ui配置

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里参照如下代码进行配置:


vux配置和mint-ui配置_第1张图片
图一

注意事项: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中去配置它:


vux配置和mint-ui配置_第2张图片
图二

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


vux配置和mint-ui配置_第3张图片
图三

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

你可能感兴趣的:(vux配置和mint-ui配置)