Skip to content

Commit

Permalink
docs: update boost-compile-speed
Browse files Browse the repository at this point in the history
  • Loading branch information
sorrycc committed May 8, 2020
1 parent b186824 commit e763530
Show file tree
Hide file tree
Showing 6 changed files with 44 additions and 24 deletions.
2 changes: 1 addition & 1 deletion docs/config/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -837,7 +837,7 @@ export default {
* Type: `publicPath`
* Default: `/`

配置 webpack 的 publicPath。当打包的时候,webpack 会在静态文件路径前面添加 `publicPath` 的值,当你需要修改静态文件地址时,比如使用 CDN 部署的时候,把 `publicPath` 的值设为CDN的值就可以。如果使用一些特殊的文件系统,比如混合开发或者 cordova 等技术,可以尝试将 `publicPath` 设置成 `./`
配置 webpack 的 publicPath。当打包的时候,webpack 会在静态文件路径前面添加 `publicPath` 的值,当你需要修改静态文件地址时,比如使用 CDN 部署,把 `publicPath` 的值设为 CDN 的值就可以。如果使用一些特殊的文件系统,比如混合开发或者 cordova 等技术,可以尝试将 `publicPath` 设置成 `./`

## routes

Expand Down
7 changes: 4 additions & 3 deletions docs/docs/assets-image.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,9 +21,9 @@ export default () => <img src={require('./foo.png')} />
export default () => <img src={require('@/foo.png')} />
```

## use .svg in jsx, tsx
## JS 里使用svg

**import as component**
**组件式引入**

```js
import { ReactComponent as Logo } from './logo.svg'
Expand All @@ -33,7 +33,7 @@ function Analysis() {
}
```

**import as url**
**url式引入**

```js
import logoSrc from './logo.svg'
Expand All @@ -43,6 +43,7 @@ function Analysis() {
}
```


## CSS 里使用图片

通过相对路径引用。
Expand Down
22 changes: 15 additions & 7 deletions docs/guide/boost-compile-speed.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ translateHelp: true
# 如何做编译提速


如果遇到编译慢,内存爆掉,OOM 等问题,可尝试以下方法。
如果遇到编译慢,增量编译慢,内存爆掉,OOM 等问题,可尝试以下方法。

## 配置 `nodeModulesTransform``{ type: 'none' }`

Expand Down Expand Up @@ -77,12 +77,16 @@ ios: 10,

选择合适的浏览器版本,可减少不少尺寸,比如配成以下这样,预计可减少 90K (压缩后未 gzip)的尺寸。

```
chrome: 79,
firefox: false,
safari: false,
edge: false,
ios: false
```js
export default {
targets: {
chrome: 79,
firefox: false,
safari: false,
edge: false,
ios: false,
},
}
```

注意:
Expand Down Expand Up @@ -136,7 +140,11 @@ export default {
export default {
devtool: false,
};
```

或者,

```js
// 使用最低成本的 sourcemap 生成方式,默认是 cheap-module-source-map
export default {
devtool: 'eval',
Expand Down
22 changes: 15 additions & 7 deletions docs/guide/boost-compile-speed.zh-CN.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# 如何做编译提速

如果遇到编译慢,内存爆掉,OOM 等问题,可尝试以下方法。
如果遇到编译慢,增量编译慢,内存爆掉,OOM 等问题,可尝试以下方法。

## 配置 `nodeModulesTransform``{ type: 'none' }`

Expand Down Expand Up @@ -72,12 +72,16 @@ ios: 10,

选择合适的浏览器版本,可减少不少尺寸,比如配成以下这样,预计可减少 90K (压缩后未 gzip)的尺寸。

```
chrome: 79,
firefox: false,
safari: false,
edge: false,
ios: false
```js
export default {
targets: {
chrome: 79,
firefox: false,
safari: false,
edge: false,
ios: false,
},
}
```

注意:
Expand Down Expand Up @@ -131,7 +135,11 @@ export default {
export default {
devtool: false,
};
```

或者,

```js
// 使用最低成本的 sourcemap 生成方式,默认是 cheap-module-source-map
export default {
devtool: 'eval',
Expand Down
1 change: 1 addition & 0 deletions docs/guide/plugin-develop.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@ translateHelp: true

# 插件开发


在 Umi 中,插件实际上就是一个 JS 模块,你需要定义一个插件的初始化方法并默认导出。如下示例:

```js
Expand Down
14 changes: 8 additions & 6 deletions docs/plugins/plugin-layout.md
Original file line number Diff line number Diff line change
Expand Up @@ -85,6 +85,8 @@ export const layout = {

用于运行时配置默认 Layout 的 UI 中,点击退出登录的处理逻辑,默认不做处理。

> 注:默认在顶部右侧并不会显示退出按钮,需要在运行配置中配合`@umijs/plugin-intial-state``getInitialState`返回一个对象,才可以显示
#### rightRender

* Type: `(initialState) => React.ReactNode`
Expand All @@ -109,15 +111,15 @@ export const layout = {

Layout 插件会基于 umi 的路由,封装了更多的配置项,支持更多配置式的能力。新增:

侧边栏菜单配置。
布局路由级别展示/隐藏相关配置。
与权限插件结合,配置式实现权限路由的功能。
- 侧边栏菜单配置。
- 布局路由级别展示/隐藏相关配置。
- 与权限插件结合,配置式实现权限路由的功能。

新增如下配置项:

menu
layout
access
- menu
- layout
- access

示例如下:

Expand Down

0 comments on commit e763530

Please sign in to comment.