mirror of
https://github.com/WeBankFinTech/fes.js.git
synced 2025-04-06 03:59:53 +08:00
32 lines
658 B
Markdown
32 lines
658 B
Markdown
# @fesjs/plugin-sass
|
||
|
||
|
||
|
||
## 介绍
|
||
Fes.js 默认只支持 `less`，通过此插件扩展支持 `sass`。
|
||
|
||
::: tip webpack 构建 sass 插件
|
||
如果使用 Vite 构建，直接装 `sass` 依赖即可，不需要安装此插件。
|
||
:::
|
||
|
||
## 启用方式
|
||
在 `package.json` 中引入依赖：
|
||
```json
|
||
{
|
||
"dependencies": {
|
||
"@fesjs/fes": "^2.0.0",
|
||
"@fesjs/plugin-sass": "^2.0.0"
|
||
},
|
||
}
|
||
```
|
||
|
||
## global css
|
||
添加 `src/global.scss` 和 `src/global.sass` 为全局CSS入口，添加一些通用样式内容。
|
||
|
||
## Vue 单文件组件
|
||
Vue 单文件组件的 `<style></style>` 添加 `lang='scss'`，例如：
|
||
```vue
|
||
<style lang="scss">
|
||
</style>
|
||
```
|