vite-components-import v0.0.1-alpha.1

vite-components-import

按需加载vue3组件

安装

`npm i -D vite-components-import`
`yarn add -D vite-components-import`
`pnpm add -D vite-components-import`

使用

• 默认加载double-ui-vue/lib/[componentName]/style.css

// vite.config.js
import { defineConfig } from 'vite';
import viteComponentsImport from './vite-components-import';

export default defineConfig({
    // ...
    plugins: [
        viteComponentsImport([
            {
                libName: 'double-ui-vue'
            }
        ])
    ]
    // ...
});

• 加载less，style返回double-ui-vue/lib/[componentName]/style.less

// vite.config.js
import { defineConfig } from 'vite';
import viteComponentsImport from './vite-components-import';

export default defineConfig({
    // ...
    plugins: [
        viteComponentsImport([
            {
                libName: 'double-ui-vue',
                style: 'less'
            }
        ])
    ]
    // ...
});

• 自定义加载css

// vite.config.js
import { defineConfig } from 'vite';
import viteComponentsImport from './vite-components-import';

export default defineConfig({
    // ...
    plugins: [
        viteComponentsImport([
            {
                libName: 'double-ui-vue',
                style: (name) => `double-ui-vue/es/${name}/style.css`
            }
        ])
    ]
    // ...
});

• 加载base.css， 默认值double-ui-vue/lib/base.css

// vite.config.js
import { defineConfig } from 'vite';
import viteComponentsImport from './vite-components-import';

export default defineConfig({
    // ...
    plugins: [
        viteComponentsImport([
            {
                libName: 'double-ui-vue',
                base: `double-ui-vue/lib/base.css`
            }
        ])
    ]
    // ...
});

options参数