Skip to content

Commit fa290ae

Browse files
QC-LQC-L
authored
Apply suggestions from code review
1 parent 0f79e0e commit fa290ae

File tree

1 file changed

+28
-28
lines changed

1 file changed

+28
-28
lines changed

‎src/content/loaders/index.md

Lines changed: 28 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -11,35 +11,35 @@ contributors:
1111
- anshumanv
1212
---
1313

14-
Webpack 支持使用 [加载器 (loaders)](/concepts/loaders) 来对文件进行预处理。这让你可以打包包括 JavaScript 在内的任何静态资源。你可以使用 Node.js 轻松编写自己的加载器。
14+
webpack 支持使用 [loader](/concepts/loaders) 对文件进行预处理。你可以构建包括 JavaScript 在内的任何静态资源。并且可以使用 Node.js 轻松编写自己的 loader。
1515

16-
通过在 `required()` 语句中使用 `loadername!` 的方式来使用加载器，或者在 Webpack 配置中配置 regex 来自动应用它们 - 请参阅 [配置](/concepts/loaders/#configuration) 。
16+
在 `require()` 语句中使用 `loadername!` 作为前缀的方式来使用 loader，或者在 webpack 配置中配置 regex 来自动应用它们 - 请参阅 [配置](/concepts/loaders/#configuration) 。
1717

1818

1919
## 文件 {#files}
2020

21-
- [`raw-loader`](/loaders/raw-loader) 加载文件的原始内容（utf-8）
22-
- [`val-loader`](/loaders/val-loader) 将代码作为模块执行，并将导出的内容视为 JS 代码
23-
- [`url-loader`](/loaders/url-loader) 与文件加载器 [](/loaders/url-loader)类似，但是如果文件大写小于一个设置的值，则可以返回 [data URL](https://tools.ietf.org/html/rfc2397)
24-
- [`file-loader`](/loaders/file-loader) 将文件复制到输出文件夹中并返回（相对）URL
25-
- [`ref-loader`](https://www.npmjs.com/package/ref-loader) 手动创建任何文件之间的依赖关系
21+
- [`raw-loader`](/loaders/raw-loader) 用于加载文件的原始内容（utf-8）
22+
- [`val-loader`](/loaders/val-loader) 将代码作为模块执行，并将其导出为 JS 代码
23+
- [`url-loader`](/loaders/url-loader) 与 `file-loader` 类似，但是如果文件大写小于一个设置的值，则会返回 [data URL](https://tools.ietf.org/html/rfc2397)
24+
- [`file-loader`](/loaders/file-loader) 将文件保存至输出文件夹中并返回（相对）URL
25+
- [`ref-loader`](https://www.npmjs.com/package/ref-loader) 用于手动建立文件之间的依赖关系
2626

2727

2828
## JSON {#json}
2929

30-
- [`json5-loader`](/loaders/json5-loader) 加载和转换 [JSON 5](https://json5.org/) 文件
31-
- [`cson-loader`](https://github.com/awnist/cson-loader) 加载和转换 [CSON](https://github.com/bevry/cson#what-is-cson) 文件
30+
- [`json5-loader`](/loaders/json5-loader) 加载并转换 [JSON 5](https://json5.org/) 文件
31+
- [`cson-loader`](https://github.com/awnist/cson-loader) 加载并转换 [CSON](https://github.com/bevry/cson#what-is-cson) 文件
3232

3333

3434
## 语法转换 {#transpiling}
3535

36-
- [`babel-loader`](/loaders/babel-loader) 使用 [Babel](https://babeljs.io/) 加载 ES2015 + 代码并转换为 ES5
37-
- [`buble-loader`](https://github.com/sairion/buble-loader) 使用 [Bublé](https://buble.surge.sh/guide/) 将 ES2015 + 代码加载并转换为 ES5
38-
- [`traceur-loader`](https://github.com/jupl/traceur-loader) 使用 [Traceur](https://github.com/google/traceur-compiler#readme) 将 ES2015 + 代码加载并转换为 ES5
39-
- [`ts-loader`](https://github.com/TypeStrong/ts-loader) 像加载 Javascript 那样加载 [TypeScript](https://www.typescriptlang.org/) 2.0+
40-
- [`coffee-loader`](/loaders/coffee-loader) 像加载 Javascript 那样加载 [CoffeeScript](http://coffeescript.org/)
36+
- [`babel-loader`](/loaders/babel-loader) 使用 [Babel](https://babeljs.io/) 加载 ES2015+ 代码并将其转换为 ES5
37+
- [`buble-loader`](https://github.com/sairion/buble-loader) 使用 [Bublé](https://buble.surge.sh/guide/) 加载 ES2015+ 代码并将其转换为 ES5
38+
- [`traceur-loader`](https://github.com/jupl/traceur-loader) 使用 [Traceur](https://github.com/google/traceur-compiler#readme) 加载 ES2015+ 代码并将其转换为 ES5
39+
- [`ts-loader`](https://github.com/TypeStrong/ts-loader) 像加载 JavaScript 一样加载 [TypeScript](https://www.typescriptlang.org/) 2.0+
40+
- [`coffee-loader`](/loaders/coffee-loader) 像加载 JavaScript 一样加载 [CoffeeScript](http://coffeescript.org/)
4141
- [`fengari-loader`](https://github.com/fengari-lua/fengari-loader/) 使用 [fengari](https://fengari.io/) 加载 Lua 代码
42-
- [`elm-webpack-loader`](https://github.com/elm-community/elm-webpack-loader) 像加载 Javascript 那样加载 [Elm](https://elm-lang.org/)
42+
- [`elm-webpack-loader`](https://github.com/elm-community/elm-webpack-loader) 像加载 JavaScript 一样加载 [Elm](https://elm-lang.org/)
4343

4444

4545
## 模板 {#templating}
@@ -48,33 +48,33 @@ Webpack 支持使用 [加载器 (loaders)](/concepts/loaders) 来对文件进行
4848
- [`pug-loader`](https://github.com/pugjs/pug-loader) 加载 Pug 和 Jade 模板并返回一个函数
4949
- [`markdown-loader`](https://github.com/peerigon/markdown-loader) 将 Markdown 编译为 HTML
5050
- [`react-markdown-loader`](https://github.com/javiercf/react-markdown-loader) 使用 markdown-parse 解析器将 Markdown 编译为 React 组件
51-
- [`posthtml-loader`](https://github.com/posthtml/posthtml-loader) 使用 [PostHTML](https://github.com/posthtml/posthtml) 加载和转换 HTML 文件
51+
- [`posthtml-loader`](https://github.com/posthtml/posthtml-loader) 使用 [PostHTML](https://github.com/posthtml/posthtml) 加载并转换 HTML 文件
5252
- [`handlebars-loader`](https://github.com/pcardune/handlebars-loader) 将 Handlebars 文件编译为 HTML
53-
- [`markup-inline-loader`](https://github.com/asnowwolf/markup-inline-loader) 将 SVG / MathML 文件内嵌到 HTML 中。在将图标字体或 CSS 动画应用于 SVG 时，此功能很有用。
53+
- [`markup-inline-loader`](https://github.com/asnowwolf/markup-inline-loader) 将 SVG/MathML 文件内嵌到 HTML 中。在将图标字体或 CSS 动画应用于 SVG 时，此功能非常实用。
5454
- [`twig-loader`](https://github.com/zimmo-be/twig-loader) 编译 Twig 模板并返回一个函数
55-
- [`remark-loader`](https://github.com/webpack-contrib/remark-loader) 通过 `remark` 加载 markdown，支持解析内容中的图片
55+
- [`remark-loader`](https://github.com/webpack-contrib/remark-loader) 通过 `remark` 加载 markdown，且支持解析内容中的图片
5656

5757

5858
## 样式 {#styling}
5959

60-
- [`style-loader`](/loaders/style-loader) 将模块的导出内容作为样式添加到 DOM
61-
- [`css-loader`](/loaders/css-loader) 使用已解析的导入加载 CSS 文件并返回 CSS 代码
60+
- [`style-loader`](/loaders/style-loader) 将模块导出的内容作为样式并添加到 DOM 中
61+
- [`css-loader`](/loaders/css-loader) 加载 CSS 文件并解析 import 的 CSS 文件，最终返回 CSS 代码
6262
- [`less-loader`](/loaders/less-loader) 加载并编译 LESS 文件
63-
- [`sass-loader`](/loaders/sass-loader) 加载并编译 SASS / SCSS 文件
64-
- [`postcss-loader`](/loaders/postcss-loader) 使用 [PostCSS](http://postcss.org) 加载和转换 CSS / SSS 文件
63+
- [`sass-loader`](/loaders/sass-loader) 加载并编译 SASS/SCSS 文件
64+
- [`postcss-loader`](/loaders/postcss-loader) 使用 [PostCSS](http://postcss.org) 加载并转换 CSS/SSS 文件
6565
- [`stylus-loader`](https://github.com/shama/stylus-loader) 加载并编译 Stylus 文件
6666

6767

68-
## Linting 和测试 {#linting--test}
68+
## Linting 和测试 {#linting--testing}
6969

70-
- [](https://mochajs.org/)[`mocha-loader`](/loaders/mocha-loader) 使用 [mocha](https://mochajs.org/) (Browser/NodeJS) 进行测试
71-
- [`eslint-loader`](https://github.com/webpack-contrib/eslint-loader) 使用 [ESLint](https://eslint.org/) linting 代码
70+
- [`mocha-loader`](/loaders/mocha-loader) 使用 [mocha](https://mochajs.org/) (Browser/NodeJS) 进行测试
71+
- [`eslint-loader`](https://github.com/webpack-contrib/eslint-loader) 使用 [ESLint](https://eslint.org/) 对代码进行格式化
7272

7373
## 框架 {#frameworks}
7474

75-
- [`vue-loader`](https://github.com/vuejs/vue-loader) 加载和编译 [Vue 组件](https://vuejs.org/v2/guide/components.html)
76-
- [`polymer-loader`](https://github.com/webpack-contrib/polymer-webpack-loader) 使用选择的预处理程序处理 HTML 和 CSS 以及使用 `require()` 以模块的方式处理 Web Components
77-
- [`angular2-template-loader`](https://github.com/TheLarkInn/angular2-template-loader) 加载和编译 [Angular](https://angular.io/) 组件
75+
- [`vue-loader`](https://github.com/vuejs/vue-loader) 加载并编译 [Vue 组件](https://vuejs.org/v2/guide/components.html)
76+
- [`polymer-loader`](https://github.com/webpack-contrib/polymer-webpack-loader) 使用支持配置的预处理程序处理 HTML 和 CSS，并使用 `require()` 加载模块的方式处理 Web Components
77+
- [`angular2-template-loader`](https://github.com/TheLarkInn/angular2-template-loader) 加载并编译 [Angular](https://angular.io/) 组件
7878

7979
## Awesome {#awesome}
8080

0 commit comments

Comments
 (0)