blackteay/fes.js
1
0
Fork 0
mirror of https://github.com/WeBankFinTech/fes.js.git synced 2025-04-06 03:59:53 +08:00
Code Issues Projects Releases Wiki Activity

docs: 更新文档

Browse Source
This commit is contained in:
wanchun 2022-01-17 10:15:20 +08:00
parent f322380576
commit 2489b9baae
3 changed files with 19 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
docs/guide/css.md
View File

@ -1,4 +1,4 @@
# 样式 # 使用 css
:::tip :::tip
本文档以 css 为示例，把后缀换成 `.less` 同样适用。 本文档以 css 为示例，把后缀换成 `.less` 同样适用。
@ -14,7 +14,7 @@ Fes.js 中约定 `src/global.css` 为全局样式，如果存在此文件，会
} }
``` ```
## Vue单文件 ## 组件内样式
```vue ```vue
<style> <style>
.layout-content { .layout-content {
@ -23,6 +23,13 @@ Fes.js 中约定 `src/global.css` 为全局样式，如果存在此文件，会
</style> </style>
``` ```
## 引入第三方样式
可以直接通过 `import` 引入第三方组件，当然最好在入口文件`app.js`中引入
``` js
// src/app.js
import 'bootstrap/dist/css/bootstrap.css'
```
## CSS Modules ## CSS Modules
支持 `Vue` 的 [CSS Modules](https://vue-loader.vuejs.org/zh/guide/css-modules.html#%E7%94%A8%E6%B3%95) 用法，可以直接使用： 支持 `Vue` 的 [CSS Modules](https://vue-loader.vuejs.org/zh/guide/css-modules.html#%E7%94%A8%E6%B3%95) 用法，可以直接使用：
```vue ```vue

9
docs/zh/guide/css.md
View File

@ -14,7 +14,7 @@ Fes.js 中约定 `src/global.css` 为全局样式，如果存在此文件，会
} }
``` ```
## Vue单文件 ## 组件内样式
```vue ```vue
<style> <style>
.layout-content { .layout-content {
@ -23,6 +23,13 @@ Fes.js 中约定 `src/global.css` 为全局样式，如果存在此文件，会
</style> </style>
``` ```
## 引入第三方样式
可以直接通过 `import` 引入第三方组件，当然最好在入口文件`app.js`中引入
``` js
// src/app.js
import 'bootstrap/dist/css/bootstrap.css'
```
## CSS Modules ## CSS Modules
支持 `Vue` 的 [CSS Modules](https://vue-loader.vuejs.org/zh/guide/css-modules.html#%E7%94%A8%E6%B3%95) 用法，可以直接使用： 支持 `Vue` 的 [CSS Modules](https://vue-loader.vuejs.org/zh/guide/css-modules.html#%E7%94%A8%E6%B3%95) 用法，可以直接使用：
```vue ```vue

4
packages/fes-preset-built-in/src/plugins/commands/dev/createRouteMiddleware.js
View File

@ -2,7 +2,7 @@
import { extname, join } from 'path'; import { extname, join } from 'path';
import historyFallback from 'connect-history-api-fallback'; import historyFallback from 'connect-history-api-fallback';
const ASSET_EXTNAMES = ['.ico', '.png', '.jpg', '.jpeg', '.gif', '.svg']; const ASSET_EXT_NAMES = ['.ico', '.png', '.jpg', '.jpeg', '.gif', '.svg'];
export default api => (req, res, next) => { export default api => (req, res, next) => {
const proxyConfig = api.config.proxy; const proxyConfig = api.config.proxy;
@ -12,7 +12,7 @@ export default api => (req, res, next) => {
if (req.path === '/favicon.ico') { if (req.path === '/favicon.ico') {
return res.sendFile(join(__dirname, 'fes.png')); return res.sendFile(join(__dirname, 'fes.png'));
} }
if (ASSET_EXTNAMES.includes(extname(req.path))) { if (ASSET_EXT_NAMES.includes(extname(req.path))) {
return next(); return next();
} }
const history = historyFallback(); const history = historyFallback();