0.2.0 • Published 6 months ago
@web-baseline/nuxt-css-layer v0.2.0
Nuxt CSS layer (@web-baseline/nuxt-css-layer)
✨ 在 Nuxt 中使用 CSS 级联层 ✨
English | 简体中文
特性
- 为 CSS 文件添加级联层（使用 @web-baseline/postcss-wrap-up-layer）
- 允许 Vue SFC 的
<style>块设置 CSS 级联层 （使用 @web-baseline/vite-plugin-vue-style-layer） - CSS 级联层排序
快速开始
使用一个命令将模块安装到 Nuxt 应用程序中：
npx nuxi module add @web-baseline/nuxt-css-layer就是这样！现在，您可以在 Nuxt 应用程序中使用 CSS 级联层 ✨
配置
| 配置项 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| sfc | 是否开启单文件组件处理 | boolean | true |
| sfcIncludes | 单文件组件处理包含的文件（参考@web-baseline/vite-plugin-vue-style-layer） | -- | -- |
| rules | CSS文件处理规则（参考@web-baseline/postcss-wrap-up-layer） | -- | -- |
| ignoreOnlyComments | 是否忽略仅包含注释的文件（参考@web-baseline/postcss-wrap-up-layer） | -- | -- |
| cssLayerOrder | 级联层排序 | string \| string[] \| undefined | undefined |