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
      }]]
    ],