blackteay/fes.js
1
0
Fork 0
mirror of https://github.com/WeBankFinTech/fes.js.git synced 2025-04-05 19:41:57 +08:00
Code Issues Projects Releases Wiki Activity

Merge branch 'vue3' of https://github.com/WeBankFinTech/fes.js into vue3

Browse Source
This commit is contained in:
bac-joker 2021-04-26 17:36:02 +08:00
commit 40f723e90b
5 changed files with 77 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
README.md
View File

@ -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`：

21
docs/.vuepress/configs/sidebar/en.ts
View File

@ -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',
],
},
{

21
docs/.vuepress/configs/sidebar/zh.ts
View File

@ -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',
],
},
{

27
docs/reference/plugin/plugins/sass.md Normal file
View File

@ -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>
```

27
docs/zh/reference/plugin/plugins/sass.md Normal file
View File

@ -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>
```