update lazy-loading Chinese docs #1627
Merged
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
fnlctrl
reviewed
Jul 25, 2017
docs/zh-cn/advanced/lazy-loading.md
Outdated
| @@ -4,25 +4,28 @@ | |||
|
|
|||
| 结合 Vue 的 [异步组件](http://vuejs.org/guide/components.html#Async-Components) 和 Webpack 的 [code splitting feature](https://doc.webpack-china.org//guides/code-splitting-async/#require-ensure-/), 轻松实现路由组件的懒加载。 | |||
|
|
|||
| 我们要做的就是把路由对应的组件定义成异步组件： | |||
| 首先，可以将 async 组件定义为返回一个 Promise 的工厂函数(该函数应该 resolve 组件本身): | |||
There was a problem hiding this comment.
首先，可以将 async 异步 (注:上下文统一) 组件定义为返回一个 Promise 的工厂函数(该函数 返回的Promise 应该 resolve 组件本身):
fnlctrl
requested changes
Jul 25, 2017
docs/zh-cn/advanced/lazy-loading.md
Outdated
|
|
||
|
|
||
| ``` js | ||
| const Foo = () => Promise.resolve({ /* component definition */ }) |
docs/zh-cn/advanced/lazy-loading.md
Outdated
| const Foo = () => Promise.resolve({ /* component definition */ }) | ||
| ``` | ||
|
|
||
| 第二,在 webpack 2中,我们可以使用[动态 import](https://github.com/tc39/proposal-dynamic-import)语法来定义 code split 点(split point): |
There was a problem hiding this comment.
来定义code split 代码分块 点(split point)
docs/zh-cn/advanced/lazy-loading.md
Outdated
| ``` | ||
|
|
||
| 这里还有另一种代码分块的语法，使用 AMD 风格的 require，于是就更简单了： | ||
| >注意:如果您使用的是 babel,你将需要添加[syntax-dynamic-import](http://babeljs.io/docs/plugins/syntax-dynamic-import/)插件,babel 可以正确地解析语法。 |
docs/zh-cn/advanced/lazy-loading.md
Outdated
| ### 把组件按组分块 | ||
|
|
||
| 有时候我们想把某个路由下的所有组件都打包在同个异步 chunk 中。只需要 [给 chunk 命名](https://webpack.js.org/guides/code-splitting-require/#chunkname)，提供 `require.ensure` 第三个参数作为 chunk 的名称: | ||
| 有时候我们想把某个路由下的所有组件都打包在同个异步 chunk 中。只需要使用 [命名 chunk](https://webpack.js.org/guides/code-splitting-require/#chunkname),一个特殊的注释语法来提供chunk name(需要webpack > 2.4) |
There was a problem hiding this comment.
在同个异步 chunk 中 -> 在同个异步块(chunk)中
注：下文中出现了“异步块”，这里应该提及
|
@fnlctrl |
fnlctrl
requested changes
Jul 25, 2017
docs/zh-cn/advanced/lazy-loading.md
Outdated
|
|
||
| 我们要做的就是把路由对应的组件定义成异步组件： | ||
| 首先，可以将异步组件定义为返回一个 Promise 的工厂函数(该函数应该 resolve 组件本身): |
There was a problem hiding this comment.
这里漏改了:joy:
该函数应该 resolve 组件本身 => 该函数返回的Promise应该 resolve 组件本身
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
No description provided.