WEBPACK中‘VANT’全局引入和按需引入【VUE-CLI】

最新推荐文章于 2024-05-06 18:14:57 发布

三个人工作室

最新推荐文章于 2024-05-06 18:14:57 发布

阅读量722

点赞数 1

分类专栏： jeecg vue

原文链接：https://www.cnblogs.com/jackjo/p/10072106.html

版权

vue 同时被 2 个专栏收录

59 篇文章 0 订阅

订阅专栏

jeecg

51 篇文章 26 订阅

订阅专栏

一、安装

npm i vant -S

二、引入
1.全局引入
在mail.js中

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)