CNB
EOSass
模板语言：
- Ant Design
*.tsx - Astro
*.astro - Bootstrap
*.html - Chakra UI
*.tsx - Docsify
*.md - Docusaurus
*.mdx - ESBuild
*.js - Eleventy
*.11ty.js - Gatsby
*.js - GitBook
*.md - Gridsome
*.vue - Hexo
*.ejs - Hugo
*.html - Jekyll
*.html - Mantine
*.tsx - Material-UI
*.js - MkDocs
*.md - Next.js
*.js - Nuxt.js
*.vue - Parcel
*.html - Remix
*.tsx - Rollup
*.js - Storybook
*.stories.js - Sphinx
*.rst - SvelteKit
*.svelte - SWC
*.ts - Tailwind CSS
*.css - Turbopack
*.ts - Vite
*.ts - VitePress
*.md - VuePress
*.vue - Webpack
*.js - 自定义框架
*.*
| Eleventy 简称 | 文件扩展名 | npm 包 |
|---|---|---|
scss |
.scss |
sass |
配置
如果您想阅读以下代码的更详细解释，可以在自定义模板语法文档中找到更多详细信息。
以下配置将读取 *.scss 文件并将其作为 .css 文件渲染到输出目录中。GitHub #408。
从 npm 安装 sass 插件：
npm install sass现在运行 Eleventy 并告诉它处理 scss 文件：
npx @11ty/eleventy --formats=scss或者，您可以将 eleventyConfig.addTemplateFormats("scss") 添加到您的配置文件中。
Process CSS or Sass with LightningCSS
(LightningCSS)