Skip to content

Commit 9e3f728

Browse files
author
zherong.czr
committed
doc : modify the description
1 parent 5ad93e4 commit 9e3f728

File tree

2 files changed

+13
-13
lines changed

2 files changed

+13
-13
lines changed

zh-cn/part1/html-reload/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# 番外 - 让你的 HTML 可以 hot reload
22

3-
所以,当我测试的时候我才知道 `index.html` 不会被 hot reload!在之后搜寻的结果,我最后找到了[有帮助的答桉](http://stackoverflow.com/questions/33183931/how-to-watch-index-html-using-webpack-dev-server-and-html-webpack-plugin)
3+
所以,当我测试的时候我才知道 `index.html` 不会被 hot reload!在之后搜寻的结果,我最后找到了[有帮助的答案](http://stackoverflow.com/questions/33183931/how-to-watch-index-html-using-webpack-dev-server-and-html-webpack-plugin)
44
这需要一个 [loader](https://github.com/webpack/raw-loader) 来让我们 hacky,也需要另一个 [plugin](https://github.com/webpack/docs/wiki/list-of-plugins#defineplugin) 来防止这个 hacky 到 production。
55

66
基本上要让 webpack 可以 hot reload 我们的 HTML,我们需要 require 我们其中文件之一,让它变成我们 dependency tree 的一部份。为了做到这一点,我们将会使用 `raw-loader` loader,它可以 pull 我们的 HTML 变成字串到我们的 JavaScript,但是另外我们真正需要做的是:加入 HTML 到 dependency tree。

zh-cn/part2/README.md

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@
2424
* [一个新的 Loader](#一个新的-loader)
2525
* [我们完成了?](#我们完成了)
2626
* [Require ES6 的 Module](#require-es6-的-module)
27-
* [额外收穫](#额外收穫)
27+
* [额外收获](#额外收获)
2828
* [Production 环境变数以及 Webpack 和 Babel](#production-环境变数以及-webpack-和-babel)
2929
* [加入 Lint](#加入-lint)
3030
* [结论](#结论)
@@ -36,9 +36,9 @@
3636

3737
### Babel 是做什么用的?
3838

39-
简单来说,babel 让你可以更完整的使用 JavaScript 的 ES6 feature,因为目前大部分的浏览器和环境都不支援,所以将它转换成 ES5,让它可以更广泛的被支援
39+
简单来说,babel 让你可以更完整的使用 JavaScript 的 ES6 feature,因为目前大部分的浏览器和环境都不支持,所以将它转换成 ES5,让它可以更广泛的被支持
4040

41-
这个 ES6 的代码,目前**有最新的浏览器才支援
41+
这个 ES6 的代码,目前**有最新的浏览器才支持
4242

4343
```javascript
4444
const square = n => n * n;
@@ -52,7 +52,7 @@ var square = function square(n) {
5252
};
5353
```
5454

55-
让你可以执行在任何支援 JavaScript 的地方。
55+
让你可以执行在任何支持 JavaScript 的地方。
5656

5757
### 配置 Babel
5858

@@ -70,16 +70,16 @@ var square = function square(n) {
7070

7171
你只需要指定一个 `presets` 选项,下面是描述的摘录:
7272

73-
> JavaScript 也有一些可能成为标准的提桉,正在 TC39(ECMAScript 标准背后的委员会)的程序中。
73+
> JavaScript 也有一些可能成为标准的提案,正在 TC39(ECMAScript 标准背后的委员会)的程序中。
7474
75-
> 这个程序被分为 5 个 statge(0-4)。如果提桉获得更多的同意,通过各个 stage,就很容易被接受纳入标准中,最后在 stage 4 中被接受纳入标准。
75+
> 这个程序被分为 5 个 statge(0-4)。如果提案获得更多的同意,通过各个 stage,就很容易被接受纳入标准中,最后在 stage 4 中被接受纳入标准。
7676
7777
> 注意,这里没有 stage-4 的 preset,它只是作为的 `es2015` 的 preset。
7878
> 以上。
7979
80-
总结以上,`presets` 就是一些打包了 `plugins` 的 bundles,它们将一些功能加入到你在撰写的代码。`es2015` 中的功能,肯定会出现在 ES6 的官方版本,而 stages 0-3 的 presets ,则是未来 JavaScript 规范的一些提桉,现在还在草桉阶段。如果选择的 stage 越低,你使用的 features 之后将不支援的风险越高
80+
总结以上,`presets` 就是一些打包了 `plugins` 的 bundles,它们将一些功能加入到你在撰写的代码。`es2015` 中的功能,肯定会出现在 ES6 的官方版本,而 stages 0-3 的 presets ,则是未来 JavaScript 规范的一些提案,现在还在草案阶段。如果选择的 stage 越低,你使用的 features 之后将不支持的风险越高
8181

82-
从我的经验来说,我至少需要 `stage-2`,让我可以使用一个叫作 [object spread](https://github.com/sebmarkbage/ecmascript-rest-spread) 的东西。你可以在[这里](https://github.com/tc39/ecma262)看看其他的提桉,然后决定你要使用哪个 stage。
82+
从我的经验来说,我至少需要 `stage-2`,让我可以使用一个叫作 [object spread](https://github.com/sebmarkbage/ecmascript-rest-spread) 的东西。你可以在[这里](https://github.com/tc39/ecma262)看看其他的提案,然后决定你要使用哪个 stage。
8383

8484
总之,如果要使用到这些 presets,我们需要安装它们:
8585

@@ -232,7 +232,7 @@ const Please = require('pleasejs')
232232
import Please from 'pleasejs'
233233
```
234234

235-
## 额外收穫
235+
## 额外收获
236236

237237
既然前面没花太多时间,我将再讨论两个很重要且有用的主题。
238238

@@ -277,7 +277,7 @@ if (process.env.NODE_ENV !== 'production') {
277277
}
278278
```
279279

280-
在我们目前的专桉中,如果在 production 环境下,我们可以排除 hot reload:
280+
在我们目前的专案中,如果在 production 环境下,我们可以排除 hot reload:
281281

282282
```javascript
283283
// 在开发环境下接受 hot module reloading
@@ -317,7 +317,7 @@ if (process.env.NODE_ENV !== 'production') {
317317
318318
### 加入 Lint
319319
320-
如果你看过任何关于 Webpack/React 专桉的 seed/starter,你可能看过一个文件叫做 `.eslintrc`。如果你不是使用 IDE,而是使用像是 Atom、Sublime、Ecmas、Vim 等等,eslint 提供语法和风格的检查,指出你的错误。此外,即使你正在使用 IDE,它可以提供更多功能,并确保整个专桉代码风格统一
320+
如果你看过任何关于 Webpack/React 专案的 seed/starter,你可能看过一个文件叫做 `.eslintrc`。如果你不是使用 IDE,而是使用像是 Atom、Sublime、Ecmas、Vim 等等,eslint 提供语法和风格的检查,指出你的错误。此外,即使你正在使用 IDE,它可以提供更多功能,并确保整个专案代码风格统一
321321
322322
请注意,如果你相要在编辑器内使用它,你需要安装一个套件,例如我使用 Atom [linter-eslint](https://github.com/AtomLinter/linter-eslint)。
323323
@@ -354,7 +354,7 @@ if (process.env.NODE_ENV !== 'production') {
354354
}
355355
```
356356
357-
另外,eslint 内建不支援和分辨 babel 语法,所以我们需要安装两个套件:
357+
另外,eslint 内建不支持和分辨 babel 语法,所以我们需要安装两个套件:
358358
359359
npm install --save-dev babel-eslint eslint-plugin-babel
360360

0 commit comments

Comments
 (0)