Nuxt 按需引入vant

1、下载按需引入插件

npm i vant -S
npm i babel-plugin-import -D

2、配置

>>>plugins->vant.js

import Vue from 'vue'
import { 
    Button,
} from 'vant'


Vue.use(Button)
>>>nuxt.config.js

css: [
...,
'vant/lib/index.css'
]

plugins: [
...,
'@/plugins/vant'
]

build: {
...,

    transpile: [/^vant/],
    babel: {
      plugins: [
        ['import', {
          libraryName: 'vant',
          style: true
        }, 'vant']
      ],
    },
}

 

posted @ 2022-12-30 13:30  忙着可爱呀~  阅读(337)  评论(0)    收藏  举报