vue使用mint-ui报错

一个vue项目，使用mint-ui的时候出了点问题，百度了好久终于能成功运行了，记一下笔记。
(minu-ui具体可以看这个Mint UI —— 基于 Vue.js 的移动端组件库)

引入mint-ui有两种，一种是全部引入，一种是按需引入

1. 全部引入在main.js中：

import MintUI from 'mint-ui';
import 'mint-ui/lib/style.css';

Vue.use(MintUI);

2. 按需引入，例如引入Button组件

import Button from 'mint-ui/lib/button';
import 'mint-ui/lib/button/style.css';

Vue.component(Button.name, Button);

我这里用的按需打包，不需要引入css文件（报错了我就删掉了花括号外层的中括号）

//1. 下载
npm install --save-dev babel-plugin-component
//2. 修改 babel 配置(.babelrc)
"plugins": ["transform-runtime",["component", [
{
     
"libraryName": "mint-ui",
"style": true
}
]]]

在main.js中

import {
     Button} from 'mint-ui'

//注册全局组件标签
Vue.component(Button.name,Button)  //

后面就出问题了

首先是一直是

To install them, you can run: npm install --save mint-ui/lib/style.css

应该是找不到css，但是我看了包没问题，删了重下也一样，看了下babel-plugin-component感觉也没啥问题，弄着弄着又出现

To install them, you can run: npm install --save axios vuex

我看有这个包但是后面跟着符号链接，就把文件夹关了重新导了一遍就ok了

后来就是


改了下代码的小错误，
然后再webpack.base.conf.js里面

{
     
  test: /\.css$/,
  include: [  //中间添加这一段
    'node_modules/mint/lib/'// 这里引入mint-ui 的css
  ],
  loader: 'style-loader!css-loader!less-loader'
}

就搞定了。（主要过程记不太清楚了，试了很多方法，大部分感觉没啥用，自己随手一记）