美文网首页
Vue项目中引入mint-ui库

Vue项目中引入mint-ui库

作者: VinSmokeW | 来源:发表于2019-11-20 16:45 被阅读0次
  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>即可

相关文章

网友评论

      本文标题:Vue项目中引入mint-ui库

      本文链接:https://www.haomeiwen.com/subject/dunoictx.html