1. 程式人生 > >webpack中‘vant’全域性引入和按需引入【vue-cli】

webpack中‘vant’全域性引入和按需引入【vue-cli】

一、安裝

npm i vant -S

 

二、引入

1.全域性引入

import Vue from 'vue'
import Vant from 'vant'
import 'vant/lib/index.css'

Vue.use(Vant)

 

2.按需引入

// 1.需要先安裝npm install babel-plugin-import -D
// 2.在babelrc中配置
   "plugins": [
    "transform-vue-jsx",
    "transform-runtime",
    ["import", [
      {
        
"libraryName":"vant", "style":true } ] ] ] import { Button } from 'vant' Vue.use(Button)