Vue项目中引入mint-ui库

2019-11-20  本文已影响0人  VinSmokeW
  1. mint-ui库官方文档地址:http://mint-ui.github.io/docs/#/zh-cn2

  2. 下载:
    npm install --save mint-ui

3.实现按需打包
(1) npm install --save-dev babel-plugin-component
(2) 修改babel文件中的配置


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

4.使用mint-ui的组件
在入口js里添加


import {Button} from 'mint-ui'
//注册全局组件
Vue.component(Button.name, Button)

这里以Button为例 , 在html中添加<mt-button></mt-button>即可

上一篇 下一篇

猜你喜欢

热点阅读