webpack中‘mint-ui’全局引入和按需引入【vue-cli】 - jack_jo

• Z时代
• 2024-01-10
• 分类：综合

webpack中‘mint-ui’全局引入和按需引入【vue-cli】

一、安装  

npm i mint-ui -S

二、引入

1.全局引入

import MintUI from \'mint-ui\'
import \'mint-ui/lib/style.css\'
Vue.use(MintUI)

2.按需引入

// 1.需要先安装npm install babel-plugin-component -D
// 2.在babelrc中配置
   "plugins": [
    "transform-vue-jsx",
    "transform-runtime",
    ["component", [
      {
        "libraryName":"mint-ui",
        "style":true
      }
      ]
    ]
  ]     
import { Toast, Popup} from \'mint-ui\'
Vue.prototype.$toast = Toast
Vue.component(Popup.name, Popup)

发表于

2018-12-05 17:09 

jack_jo 

阅读(1456) 

评论(0) 

编辑 

收藏 

举报

以上是 webpack中‘mint-ui’全局引入和按需引入【vue-cli】 - jack_jo 的全部内容， 来源链接： utcz.com/z/375528.html