vue配置vant组件 4.2.9版本

admin

# 通过 npm 安装

PSC:\Users\admin\projects\plvyou-moblie> npm i unplugin-vue-components -D

⠧

导入:

import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'

import vue from'@vitejs/plugin-vue'

import vueJsx from '@vitejs/plugin-vue-jsx'

import vueDevTools from 'vite-plugin-vue-devtools'

import Componentsfrom 'unplugin-vue-components/vite'

import {VantResolver } from 'unplugin-vue-components/resolvers'

//https://vite.dev/config/

export default defineConfig({

  server: {

    host: '0.0.0.0',

    port:80,

    open: true

  },

  plugins: [

    vue(),

    vueJsx(),

    vueDevTools(),

    Components({

     resolvers: [VantResolver()],

    })

  ],

  resolve: {

    alias: {

     '@': fileURLToPath(new URL('./src', import.meta.url))

    },

  },

})