vite-plugin-importer

Integration for babel-plugin-import

use

config same as babel-plugin-import

npm install vite-plugin-importer --save
yarn add vite-plugin-importer

1// vite.config.js
2import { defineConfig } from "vite";
3import usePluginImport from 'vite-plugin-importer'
4export default defineConfig({
5  plugins: [
6    ... // other plugins
7    usePluginImport({
8      libraryName: "ant-design-vue",
9      libraryDirectory: "es",
10      style: true,
11    }),
12    usePluginImport({
13      libraryName: "antd",
14      libraryDirectory: "es",
15      style: true,
16    }),
17    usePluginImport({
18      libraryName: 'vant',
19      libraryDirectory: 'es',
20      style: (name) => `${name}/style/less`,
21    }),
22    usePluginImport({
23      libraryName: 'element-plus',
24      customStyleName: (name) => {
25        return `element-plus/lib/theme-chalk/${name}.css`;
26      },
27    }),
28    usePluginImport({
29      libraryName: "@arco-design/web-react",
30      libraryDirectory: 'es',
31      camel2DashComponentName: false,
32      style: true,
33    })
34    // Other configurations welcome PR
35  ];
36})
37

LICENSE

MIT