vue_mint-ui

npm install mint-ui -S

main.js

import { Button } from 'mint-ui';

import "mint-ui/lib/style.css"        // 一次性引入所有样式

// 全局注册

Vue.component(Button.name, Button);        // mt-button

App.vue

<mt-button type="primary" @click="hint" style="width: 100%;">测试按钮</mt-button>

...

import { Toast } from 'mint-ui';

...

methods: {

hint () {

Toast('提示信息');

}

}

...

• 对应样式自动打包

npm install --save-dev babel-plugin-component

// 注释 import "mint-ui/lib/style.css"

并修改 .babelrc

•   "plugins": [
      "transform-vue-jsx",
      "transform-runtime",
      ["component", [{
        "libraryName": "mint-ui",
        "style": true
      }]]
    ],