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

fix: 优化类型声明

Browse Source
This commit is contained in:
winixt 2022-11-09 17:33:47 +08:00
parent 62558be49d
commit 91bc68be73
5 changed files with 36 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docs/guide/builder.md
View File

@ -20,3 +20,7 @@ Webpack 和 Vite 构建在配置方面有一些差异，具体可以查看[配
### html 模版 ### html 模版
html 模版比较常规的需求，例如模版变量，Webpack 和 Vite 之间没什么差异。如果有其他特殊的需求， Webpack 可以使用 [html-webpack-plugin](https://github.com/jantimon/html-webpack-plugin)，Vite 使用[vite-plugin-html](https://github.com/vbenjs/vite-plugin-html) 进行个性化配置。 html 模版比较常规的需求，例如模版变量，Webpack 和 Vite 之间没什么差异。如果有其他特殊的需求， Webpack 可以使用 [html-webpack-plugin](https://github.com/jantimon/html-webpack-plugin)，Vite 使用[vite-plugin-html](https://github.com/vbenjs/vite-plugin-html) 进行个性化配置。
::: tip
fes3.0+ html 模版文件从 `public/index.html` 挪到项目根目录。
:::

34
docs/guide/image.md
View File

@ -8,54 +8,54 @@
```vue ```vue
<template> <template>
<img src="@/images/logo.png`"> <img src="@/images/logo.png`" />
</template> </template>
``` ```
### JS 里使用图片 ### JS 里使用图片
```js ```js
import imageUrl from '@/images/logo.png`' import imageUrl from '@/images/logo.png`';
``` ```
### CSS 里使用图片 ### CSS 里使用图片
```css ```css
.logo { .logo {
background: url('@/images/logo.png') background: url('@/images/logo.png');
} }
``` ```
注意： 注意：
1. 这是 `webpack` 的规则，如果切到其他打包工具，可能会有变化 1. 这是 `webpack` 的规则，如果切到其他打包工具，可能会有变化
2. `less` 中同样适用 2. `less` 中同样适用
## `public` 文件夹
## `public` 文件夹
有些内容不需要经过 `webpack` 模块化处理，则可以将这些内容放在 `public` 文件夹，构建后会直接复制到 `dist` 目录，所以你需要通过`BASE_URL`来引入它们。 有些内容不需要经过 `webpack` 模块化处理，则可以将这些内容放在 `public` 文件夹，构建后会直接复制到 `dist` 目录，所以你需要通过`BASE_URL`来引入它们。
### 在HTML模板中使用 ### 在 HTML 模板中使用
在 `index.html` 中需要设置：
在 `public/index.html` 中需要设置：
```html ```html
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
``` ```
### 在.vue 文件中使用 ### 在.vue 文件中使用
```vue ```vue
<template> <template>
<img :src="`${publicPath}my-image.png`"> <img :src="`${publicPath}my-image.png`" />
</template> </template>
<script> <script>
export default { export default {
setup() { setup() {
return { return {
publicPath: process.env.BASE_URL publicPath: process.env.BASE_URL,
} };
} },
} };
</script> </script>
``` ```

22
docs/guide/public.md
View File

@ -2,29 +2,27 @@
有些内容不需要经过 `webpack` 模块化处理，则可以将这些内容放在 `public` 文件夹，构建后会直接复制到 `dist` 目录，所以你需要通过`BASE_URL`来引入它们。 有些内容不需要经过 `webpack` 模块化处理，则可以将这些内容放在 `public` 文件夹，构建后会直接复制到 `dist` 目录，所以你需要通过`BASE_URL`来引入它们。
### 在HTML模板中使用 ### 在 HTML 模板中使用
在 `index.html` 中需要设置：
在 `public/index.html` 中需要设置：
```html ```html
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
``` ```
### 在.vue 和 js 文件中使用 ### 在.vue 和 js 文件中使用
```vue ```vue
<template> <template>
<img :src="`${publicPath}my-image.png`"> <img :src="`${publicPath}my-image.png`" />
</template> </template>
<script> <script>
export default { export default {
setup() { setup() {
return { return {
publicPath: process.env.BASE_URL publicPath: process.env.BASE_URL,
} };
} },
} };
</script> </script>
``` ```

4
docs/guide/template.md
View File

@ -2,6 +2,10 @@
Fes.js 默认模板内容是： Fes.js 默认模板内容是：
::: tip
fes3.0+ html 模版文件从 `public/index.html` 挪到项目根目录。
:::
```html ```html
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>

2
packages/fes-preset-built-in/types.d.ts vendored
View File

@ -85,7 +85,7 @@ declare module "@fesjs/fes" {
beforeRender?: (option: BeforeRenderConfig) => BeforeRenderConfig; beforeRender?: (option: BeforeRenderConfig) => BeforeRenderConfig;
patchRoutes?: ({ routes }: { routes: RouteRecordRaw[] }) => void; patchRoutes?: ({ routes }: { routes: RouteRecordRaw[] }) => void;
modifyClientRenderOpts?: (option: ClientRenderOption) => ClientRenderOption; modifyClientRenderOpts?: (option: ClientRenderOption) => ClientRenderOption;
rootContainer?: (component: DefineComponent, option: { routes: RouteRecordRaw[], plugin: Plugin }) => DefineComponent; rootContainer?: (component: DefineComponent, option: { routes: RouteRecordRaw[], plugin: Plugin }) => Component;
onAppCreated?: ({ app, routes }: { app: App, routes: RouteRecordRaw[] }) => void; onAppCreated?: ({ app, routes }: { app: App, routes: RouteRecordRaw[] }) => void;
render?: (defaultRender: RenderFunc) => RenderFunc; render?: (defaultRender: RenderFunc) => RenderFunc;
onRouterCreated?: ({ router }: { router: Router }) => void; onRouterCreated?: ({ router }: { router: Router }) => void;