unocss插件配置

Unocss是一个轻量级的CSS模块化工具，它可以帮助你从大型CSS文件中提取和优化仅在特定页面或组件中使用的样式。下面是Unocss插件的基本配置步骤：

1. **安装**：
首先你需要安装Node.js，然后通过npm（Node包管理器）全局安装unocss命令行工具：

   npm install -g unocss

2. **创建配置文件**：
初始化项目时，你可以创建一个`.unocssrc.js`配置文件来定义哪些CSS规则应该被包含或排除。例如：

   module.exports = {
     input: 'src/**/*.css', // 输入的CSS文件路径
     output: 'dist/main.min.css', // 输出优化后的CSS文件路径
     rules: { /* 自定义规则，如忽略某些选择器 */
       media: false, // 去除媒体查询
       custom: ['.my-custom-selector'] // 添加自定义不优化的选择器
     }
   };

3. **运行插件**：
使用`unocss`命令行工具，传入配置文件：

   unocss .unocssrc.js --output styles.min.css

运行后，会生成一个仅包含实际使用的、精简过的CSS文件。

4. **定制选项**：
Unocss提供了很多选项供你根据需求调整，比如处理嵌套选择器、处理变量等。查看文档 (`npm run unocss --help`) 可获取更多信息。