vuecli4的vant.js按需引入的方式(五步)

npm i vant-S

npm i babel-plugin-import

第一步:

src目录下面新建:utils文件夹,文件夹下新建vant.js

npm i vant -S

第二步:

vant.js里面写:

import Vue from 'vue';

import { Button } from 'vant';

Vue.use(Button)

第三步:main.js里面写:

import './utils/vant'

第四步:babel.config.js  里面写:

  plugins: [

    ['import', {

      libraryName: 'vant',

      libraryDirectory: 'es',

      style: true

    }, 'vant']

  ]

第五步:vue.config.js里面写:

module.export={

    css: {

requireModuleExtension:true

}

}