# vite-plugin-unplugin-css

**Repository Path**: yll10243/vite-plugin-unplugin-css

## Basic Information

- **Project Name**: vite-plugin-unplugin-css
- **Description**: 动态的按需加载element_plus,ant等的样式
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-04-06
- **Last Updated**: 2023-04-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 判断数据是否为空

## 使用vite.config.ts中

- 引入

```
import myVitePlugin from '@yll10243/vite-plugin-unplugin-css';
```

- 使用element-plus

```
myVitePlugin({
      resolves: [{
        libraryName: 'element-plus', //第三方的模板
        ensureStyleFile: true, //
        esModule: true, //非css后缀需开启,默认false
        resolveStyle: (name) => {
          return `element-plus/theme-chalk/${name}.css`
        },
        libraryNameChangeCase: "paramCase", //camelCase |  capitalCase |  constantCase | dotCase |  headerCase |  noCase |  paramCase |  pascalCase |  pathCase |  sentenceCase | snakeCase
        // base: 'element-plus/theme-chalk/base.css', //全局的css样式,可以放在main.ts(js)中引入,防止多次重复引入
      }]
})
```

- ant-design-vue

```
myVitePlugin({
      resolves: [
        {
            ensureStyleFile: true,
            libraryName: 'ant-design-vue',
            esModule: true,
            resolveStyle: (name) => {
                return `ant-design-vue/es/${name}/style/index`
            },
        }
    ]
})

```  

- antd

```
myVitePlugin({
      resolves: [
        {
            libraryName: 'antd',
            esModule: true,
            resolveStyle: (name) => {
                return `antd/es/${name}/style/index`
            }    
        },
    ]
})
```

- vant

```
myVitePlugin({
      resolves: [
       {
            libraryName: 'vant',
            esModule: true,
            resolveStyle: (name) => {
                return `vant/es/${name}/style`
            },
        }
    ]
})

```

- 其它的按照实际要求进行扩展