mirror of
https://github.com/WeBankFinTech/fes.js.git
synced 2025-04-05 19:41:57 +08:00
35 lines
661 B
Markdown
35 lines
661 B
Markdown
# @fesjs/plugin-sass
|
|
|
|
## 介绍
|
|
|
|
Fes.js 默认只支持 `less`，通过此插件扩展支持 `sass`。
|
|
|
|
::: tip 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>
|
|
```
|