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