unplugin-vue-components和unplugin-auto-import 使用

文档链接

1. 插件安装

首先你需要安装unplugin-vue-components 和 unplu在这里插入代码片gin-auto-import这两款插件

npm install -D unplugin-vue-components unplugin-auto-import

然后把下列代码插入到你的 Vite 或 Webpack 的配置文件中

2. 创建配置

• Vite

// vite.config.ts
import vue from '@vitejs/plugin-vue'
import { defineConfig } from 'vite'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver,AntDesignVueResolver  } from 'unplugin-vue-components/resolvers'

export default defineConfig({
// 项目访问前缀
 base: '/hospital-vue',
	server: {
		port: 3000,
		//是否弹出浏览器
		open: false,
		//允许跨域
		cors: true
	},

  plugins: [
    vue(),
    AutoImport({
      resolvers: [ElementPlusResolver(),AntDesignVueResolver()],
    }),
    Components({
      resolvers: [ElementPlusResolver(),AntDesignVueResolver()],
    }),
  ],
})

这篇好文章是转载于：学新通技术网