vite-plugin-components配置
时间: 2024-01-18 14:04:43 浏览: 28
vite-plugin-components 是一个 Vite 插件,用于自动导入组件并按需注册。使用该插件需要先安装它:
```
npm install vite-plugin-components -D
```
然后在 `vite.config.js` 中进行配置:
```js
import { defineConfig } from 'vite'
import Components from 'vite-plugin-components'
export default defineConfig({
plugins: [
Components({
// 按需导入组件库
// 可以是字符串或正则表达式
// 例如:'vant'、/^vant/
// 如果是字符串,会自动在 node_modules 中寻找对应的包
// 如果是正则表达式,会自动在 node_modules 中寻找符合条件的包
// 如果是数组,则会依次寻找对应的包
dirs: ['src/components', 'node_modules/vant'],
// 自定义组件名
// 如果不指定,则会使用组件文件名作为组件名
customLoaderMatcher: (id) => id.endsWith('.vue'),
}),
],
})
```
以上配置会自动导入 `src/components` 和 `node_modules/vant` 中的组件,并按需注册。如果你的组件文件名不符合默认规则,可以通过 `customLoaderMatcher` 自定义组件名。