diff --git a/README.md b/README.md
index bb326fc6..547ee4d5 100644
--- a/README.md
+++ b/README.md
@@ -59,6 +59,7 @@ Fes.js 是一个好用的前端应用解决方案。Fes.js 以 Vue 3.0 和路由
 | [@fesjs/plugin-request](https://winixt.gitee.io/fesjs/zh/reference/plugin/plugins/request.html#%E5%90%AF%E7%94%A8%E6%96%B9%E5%BC%8F) |  基于 `Axios` 封装的 request，内置防止重复请求、请求节流、错误处理等功能 |
 | [@fesjs/plugin-vuex](https://winixt.gitee.io/fesjs/zh/reference/plugin/plugins/vuex.html#%E5%90%AF%E7%94%A8%E6%96%B9%E5%BC%8F) |  基于 `Vuex`, 提供状态管理能力 |
 | [@fesjs/plugin-qiankun](https://winixt.gitee.io/fesjs/zh/reference/plugin/plugins/qiankun.html#%E4%BB%8B%E7%BB%8D) |  基于 `qiankun`，提供微服务能力 |
+| [@fesjs/plugin-sass](https://winixt.gitee.io/fesjs/zh/reference/plugin/plugins/sass.html#%E4%BB%8B%E7%BB%8D) |  样式支持sass |
 
 ## 像数 1, 2, 3 一样容易
 使用 `yarn`：
diff --git a/docs/.vuepress/configs/sidebar/en.ts b/docs/.vuepress/configs/sidebar/en.ts
index 33ffac35..2f53a7e7 100644
--- a/docs/.vuepress/configs/sidebar/en.ts
+++ b/docs/.vuepress/configs/sidebar/en.ts
@@ -7,22 +7,22 @@ export const en: SidebarConfig = {
       text: '介绍',
       children: [
         '/guide/README.md',
-        '/guide/getting-started.md', 
+        '/guide/getting-started.md',
       ],
     },
     {
       isGroup: true,
       text: '基础',
       children: [
-        '/guide/directory-structure.md', 
-        '/guide/config.md', 
-        '/guide/runtime-config.md', 
-        '/guide/route.md', 
-        '/guide/plugin.md', 
-        '/guide/template.md', 
-        '/guide/mock.md', 
-        '/guide/env.md', 
-        '/guide/css.md', 
+        '/guide/directory-structure.md',
+        '/guide/config.md',
+        '/guide/runtime-config.md',
+        '/guide/route.md',
+        '/guide/plugin.md',
+        '/guide/template.md',
+        '/guide/mock.md',
+        '/guide/env.md',
+        '/guide/css.md',
       ]
     },
     {
@@ -61,6 +61,7 @@ export const en: SidebarConfig = {
         '/reference/plugin/plugins/request.md',
         '/reference/plugin/plugins/vuex.md',
         '/reference/plugin/plugins/qiankun.md',
+        '/reference/plugin/plugins/sass.md',
       ],
     },
     {
diff --git a/docs/.vuepress/configs/sidebar/zh.ts b/docs/.vuepress/configs/sidebar/zh.ts
index 60fa945a..a87ca98b 100644
--- a/docs/.vuepress/configs/sidebar/zh.ts
+++ b/docs/.vuepress/configs/sidebar/zh.ts
@@ -7,22 +7,22 @@ export const zh: SidebarConfig = {
       text: '介绍',
       children: [
         '/zh/guide/README.md',
-        '/zh/guide/getting-started.md', 
+        '/zh/guide/getting-started.md',
       ],
     },
     {
       isGroup: true,
       text: '基础',
       children: [
-        '/zh/guide/directory-structure.md', 
-        '/zh/guide/config.md', 
-        '/zh/guide/runtime-config.md', 
-        '/zh/guide/route.md', 
-        '/zh/guide/plugin.md', 
-        '/zh/guide/template.md', 
-        '/zh/guide/mock.md', 
-        '/zh/guide/env.md', 
-        '/zh/guide/css.md', 
+        '/zh/guide/directory-structure.md',
+        '/zh/guide/config.md',
+        '/zh/guide/runtime-config.md',
+        '/zh/guide/route.md',
+        '/zh/guide/plugin.md',
+        '/zh/guide/template.md',
+        '/zh/guide/mock.md',
+        '/zh/guide/env.md',
+        '/zh/guide/css.md',
       ]
     },
     {
@@ -61,6 +61,7 @@ export const zh: SidebarConfig = {
         '/zh/reference/plugin/plugins/request.md',
         '/zh/reference/plugin/plugins/vuex.md',
         '/zh/reference/plugin/plugins/qiankun.md',
+        '/zh/reference/plugin/plugins/sass.md',
       ],
     },
     {
diff --git a/docs/reference/plugin/plugins/sass.md b/docs/reference/plugin/plugins/sass.md
new file mode 100644
index 00000000..172460f1
--- /dev/null
+++ b/docs/reference/plugin/plugins/sass.md
@@ -0,0 +1,27 @@
+# @fesjs/plugin-access
+
+
+
+## 介绍
+Fes.js 默认只支持 `less`，通过此插件扩展支持 `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>
+``` 
\ No newline at end of file
diff --git a/docs/zh/reference/plugin/plugins/sass.md b/docs/zh/reference/plugin/plugins/sass.md
new file mode 100644
index 00000000..172460f1
--- /dev/null
+++ b/docs/zh/reference/plugin/plugins/sass.md
@@ -0,0 +1,27 @@
+# @fesjs/plugin-access
+
+
+
+## 介绍
+Fes.js 默认只支持 `less`，通过此插件扩展支持 `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>
+``` 
\ No newline at end of file