vux配置和mint-ui配置

2018-05-31  本文已影响0人  18fa100a8459

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样式

上一篇下一篇

猜你喜欢

热点阅读