使用 vite-plugin-style-import 按需引入组件库样式文件

    1. yarn add vite-plugin-style-import --dev

    image.png

    因为插件使用了 consola 包,但是我们没有安装。所以需要安装 consola

    1. yarn add consola --dev

    在2.0版本需要使用的是 createStyleImportPlugin 不要使用 styleImprot了

    1. import {
    2. createStyleImportPlugin,
    3. AndDesignVueResolve
    4. } from 'vite-plugin-style-import'
    5. export default function configStyleImportPlugin() {
    6. return createStyleImportPlugin({
    7. resolves: [AndDesignVueResolve()]
    8. })
    9. }
    1. // ...
    2. import { configStyleImportPlugin } from './styleImport';
    3. export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean, pkg: any) {
    4. // ...
    5. // vite-plugin-style-import
    6. vitePlugins.push(configStyleImportPlugin());
    7. return vitePlugins;
    8. }