import{_ as s,o as a,c as e,V as l}from"./chunks/framework.b31a4d00.js";const y=JSON.parse('{"title":"@fesjs/plugin-sass","description":"","frontmatter":{},"headers":[],"relativePath":"reference/plugin/plugins/sass.md"}'),o={name:"reference/plugin/plugins/sass.md"},n=l(`

@fesjs/plugin-sass ​

介绍 ​

Fes.js 默认只支持 less，通过此插件扩展支持 sass。

webpack 构建 sass 插件

如果使用 Vite 构建，直接装 sass 依赖即可，不需要安装此插件。

启用方式 ​

在 package.json 中引入依赖：

json
{
    "dependencies": {
        "@fesjs/fes": "^3.0.0",
        "@fesjs/plugin-sass": "^3.0.0"
    }
}

global css ​

添加 src/global.scss 和 src/global.sass 为全局 CSS 入口，添加一些通用样式内容。

Vue 单文件组件 ​

Vue 单文件组件的 <style></style> 添加 lang='scss'，例如：

vue
<style lang="scss"></style>
`,12),p=[n];function t(c,r,i,D,d,F){return a(),e("div",null,p)}const h=s(o,[["render",t]]);export{y as __pageData,h as default};