Nuxt CSS layer (@web-baseline/nuxt-css-layer)

✨ 在 Nuxt 中使用 CSS 级联层 ✨

• ✨  Release Notes

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 |