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

22
docs/guide/public.md
View File

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

4
docs/guide/template.md
View File

@ -2,6 +2,10 @@
Fes.js 默认模板内容是：
::: tip
fes3.0+ html 模版文件从 `public/index.html` 挪到项目根目录。
:::
```html
<!DOCTYPE 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;
patchRoutes?: ({ routes }: { routes: RouteRecordRaw[] }) => void;
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;
render?: (defaultRender: RenderFunc) => RenderFunc;
onRouterCreated?: ({ router }: { router: Router }) => void;