`: just specify an empty tag like `attrs=:custom-src` and it will match every element.
-
-```js
-{
- test: /\.(html)$/,
- use: {
- loader: 'html-loader',
- options: {
- attrs: [':data-src']
- }
- }
-}
-```
-
-要完全禁用对标签属性的处理（例如，如果你在客户端处理图片加载），你可以传入 `attrs=false`。
-
-## 示例
-
-使用此配置：
-
-```js
-{
- module: {
- rules: [
- { test: /\.jpg$/, use: [ "file-loader" ] },
- { test: /\.png$/, use: [ "url-loader?mimetype=image/png" ] }
- ]
- },
- output: {
- publicPath: "http://cdn.example.com/[hash]/"
- }
-}
-```
-
-``` html
-
-${require('./components/gallery.html')}
-```
-如果你只想在模板中使用 `require`，任何其它的 `${}` 不被转换，你可以设置 `interpolate` 标记为 `require`，就像这样：
-
-```js
-require("html-loader?interpolate=require!./file.ftl");
-```
-
-```html
-
-<#list list as list>
- ${require('./components/gallery.html')}
-```
-
-### 导出格式
-
-这里有几种不同的可用导出格式：
-
-+ ```module.exports```（默认配置，cjs 格式）。"Hello world" 转为 ```module.exports = "Hello world";```
-+ ```exports.default``` (当设置了 ```exportAsDefault``` 参数，es6to5 格式）。"Hello world" 转为 ```exports.default = "Hello world";```
-+ ```export default``` (当设置了 ```exportAsEs6Default``` 参数，es6 格式)。"Hello world" 转为 ```export default "Hello world";```
-
-### 高级选项
-
-如果你需要传递[更多高级选项](https://github.com/webpack/html-loader/pull/46)，特别是那些不能被字符串化，你还可以在 `webpack.config.js` 中定义一个 `htmlLoader` 属性：
-
-```js
-var path = require('path')
-
-module.exports = {
- ...
- module: {
- rules: [
- {
- test: /\.html$/,
- use: [ "html-loader" ]
- }
- ]
- },
- htmlLoader: {
- ignoreCustomFragments: [/\{\{.*?}}/],
- root: path.resolve(__dirname, 'assets'),
- attrs: ['img:src', 'link:href']
- }
-};
-```
-
-如果你需要定义两个不同的 loader 配置，你也可以通过 `html-loader?config=otherHtmlLoaderConfig` 改变配置的属性名：
-
-```js
-module.exports = {
- ...
- module: {
- rules: [
- {
- test: /\.html$/,
- use: [ "html-loader?config=otherHtmlLoaderConfig" ]
- }
- ]
- },
- otherHtmlLoaderConfig: {
- ...
- }
-};
-```
-
-### 导出到 HTML 文件
-
-一个很常见的场景，将 HTML 导出到 _.html_ 文件中，直接访问它们，而不是使用 javascript 注入。这可以通过3个 loader 的组合来实现：
-
-- [file-loader](https://github.com/webpack/file-loader)
-- [extract-loader](https://github.com/peerigon/extract-loader)
-- html-loader
-
-html-loader 将解析 URL，并请求图片和你所期望的一切资源。extract-loader 会将 javascript 解析为合适的 html 文件，确保引用的图片指向正确的路径，file-loader 将结果写入 .html 文件。示例：
-
-```js
-{
- test: /\.html$/,
- use: [ 'file-loader?name=[path][name].[ext]!extract-loader!html-loader' ]
-}
-```
-
-## 维护人员
-
-
-
-
-[npm]: https://img.shields.io/npm/v/html-loader.svg
-[npm-url]: https://npmjs.com/package/html-loader
-
-[deps]: https://david-dm.org/webpack/html-loader.svg
-[deps-url]: https://david-dm.org/webpack/html-loader
-
-[chat]: https://img.shields.io/badge/gitter-webpack%2Fwebpack-brightgreen.svg
-[chat-url]: https://gitter.im/webpack/webpack
-
-[test]: http://img.shields.io/travis/webpack/html-loader.svg
-[test-url]: https://travis-ci.org/webpack/html-loader
-
-[cover]: https://codecov.io/gh/webpack/html-loader/branch/master/graph/badge.svg
-[cover-url]: https://codecov.io/gh/webpack/html-loader
-
-***
-
-> 原文：https://webpack.js.org/loaders/html-loader/
diff --git a/content/loaders/i18n-loader.md b/content/loaders/i18n-loader.md
deleted file mode 100644
index 6bfe3e3119c1..000000000000
--- a/content/loaders/i18n-loader.md
+++ /dev/null
@@ -1,80 +0,0 @@
----
-title: i18n-loader
-source: https://raw.githubusercontent.com/webpack-contrib/i18n-loader/master/README.md
-edit: https://github.com/webpack-contrib/i18n-loader/edit/master/README.md
----
-# i18n loader for webpack
-
-## 用法
-
-### ./colors.json
-
-``` javascript
-{
- "red": "red",
- "green": "green",
- "blue": "blue"
-}
-```
-
-### ./de-de.colors.json
-
-``` javascript
-{
- "red": "rot",
- "green": "gr�n"
-}
-```
-
-### 调用
-
-``` javascript
-// 假如我们的所在区域是 "de-de-berlin"
-var locale = require("i18n!./colors.json");
-
-// 等待准备就绪，在一个 web 项目中所有地区只需要一次
-// 因为所有地区的语言被合并到一个块中
-locale(function() {
- console.log(locale.red); // 输出 rot
- console.log(locale.blue); // 输出 blue
-});
-```
-
-### 配置
-
-如果想要一次加载然后可以同步地使用，你应该告诉 loader 所有要使用的地区。
-
-``` javascript
-{
- "i18n": {
- "locales": [
- "de",
- "de-de",
- "fr"
- ],
- // "bundleTogether": false
- // 可以禁止所有地区打包到一起
- }
-}
-```
-
-### 可选的调用方法
-
-``` javascript
-require("i18n/choose!./file.js"); // 根据地区选择正确的文件，
- // 但是不会合并到对象中
-require("i18n/concat!./file.js"); // 拼接所有合适的地区
-require("i18n/merge!./file.js"); // 合并到对象中
- // ./file.js 在编译时会被排除掉
-require("i18n!./file.json") == require("i18n/merge!json!./file.json")
-```
-
-如果需要在 node 中使用，不要忘记填补（polyfill）`require`。可以参考 `webpack` 文档。
-
-## License
-
-MIT (http://www.opensource.org/licenses/mit-license.php)
-
-***
-
-> 原文：https://webpack.js.org/loaders/i18n-loader/
diff --git a/content/loaders/imports-loader.md b/content/loaders/imports-loader.md
deleted file mode 100644
index 3d5c37b8d5ca..000000000000
--- a/content/loaders/imports-loader.md
+++ /dev/null
@@ -1,136 +0,0 @@
----
-title: imports-loader
-source: https://raw.githubusercontent.com/webpack-contrib/imports-loader/master/README.md
-edit: https://github.com/webpack-contrib/imports-loader/edit/master/README.md
----
-## Install
-
-```bash
-npm install imports-loader
-```
-
-## 用法
-
-假设你有 `example.js` 这个文件
-
-```javascript
-$("img").doSomeAwesomeJqueryPluginStuff();
-```
-
-然后你可以像下面这样通过配置 imports-loader 插入 `$` 变量到模块中：
-
-``` javascript
-require("imports-loader?$=jquery!./example.js");
-```
-
-这将简单的把 `var $ = require("jquery");` 前置插入到 `example.js` 中。
-
-### 语法
-
-loader 查询值 | 含义
-------------|-------
-`angular` | `var angular = require("angular");`
-`$=jquery` | `var $ = require("jquery");`
-`define=>false` | `var define = false;`
-`config=>{size:50}` | `var config = {size:50};`
-`this=>window` | `(function () { ... }).call(window);`
-
-### 多个值
-
-使用逗号 `,` 来分隔和使用多个值：
-
-```javascript
-require("imports-loader?$=jquery,angular,config=>{size:50}!./file.js");
-```
-
-### webpack.config.js
-
-同样的，在你的 `webpack.config.js` 配置文件中进行配置会更好：
-
-```javascript
-// ./webpack.config.js
-
-module.exports = {
- ...
- module: {
- rules: [
- {
- test: require.resolve("some-module"),
- use: "imports-loader?this=>window"
- }
- ]
- }
-};
-```
-
-## 典型的使用场景
-
-### jQuery 插件
-
-`imports-loader?$=jquery`
-
-### 自定义的 Angular 模块
-
-`imports-loader?angular`
-
-### 禁用 AMD
-
-有很多模块在使用 CommonJS 前会进行 `define` 函数的检查。自从 webpack 两种格式都可以使用后，在这种场景下默认使用了 AMD 可能会造成某些问题（如果接口的实现比较古怪）。
-
-你可以像下面这样轻松的禁用 AMD
-
-```javascript
-imports-loader?define=>false
-```
-
-关于兼容性问题的更多提示，可以参考官方的文档 [Shimming Modules](http://webpack.github.io/docs/shimming-modules.html)。
-
-## Maintainers
-
-
-
-
-[npm]: https://img.shields.io/npm/v/imports-loader.svg
-[npm-url]: https://npmjs.com/package/imports-loader
-
-[deps]: https://david-dm.org/webpack-contrib/imports-loader.svg
-[deps-url]: https://david-dm.org/webpack-contrib/imports-loader
-
-[chat]: https://img.shields.io/badge/gitter-webpack%2Fwebpack-brightgreen.svg
-[chat-url]: https://gitter.im/webpack/webpack
-
-[test]: http://img.shields.io/travis/webpack-contrib/imports-loader.svg
-[test-url]: https://travis-ci.org/webpack-contrib/imports-loader
-
-***
-
-> 原文：https://webpack.js.org/loaders/imports-loader/
\ No newline at end of file
diff --git a/content/loaders/istanbul-instrumenter-loader.md b/content/loaders/istanbul-instrumenter-loader.md
deleted file mode 100644
index 183fe5cb4a3b..000000000000
--- a/content/loaders/istanbul-instrumenter-loader.md
+++ /dev/null
@@ -1,190 +0,0 @@
----
-title: istanbul-instrumenter-loader
-source: https://raw.githubusercontent.com/webpack-contrib/istanbul-instrumenter-loader/master/README.md
-edit: https://github.com/webpack-contrib/istanbul-instrumenter-loader/edit/master/README.md
----
-## 安装
-
-```bash
-npm i -D istanbul-instrumenter-loader
-```
-
-## 用法
-
-### `参考`
-
-* [karma-webpack](https://github.com/webpack/karma-webpack)
-* [karma-coverage-istanbul-reporter](https://github.com/mattlewis92/karma-coverage-istanbul-reporter)
-
-### `结构`
-
-```
-├─ src
-│ |– components
-│ | |– bar
-│ | │ |─ index.js
-│ | |– foo/
-│ |– index.js
-|– test
-| |– src
-| | |– components
-| | | |– foo
-| | | | |– index.js
-```
-
-为生成所有组件（包括你没写测试的那些）的代码覆盖率报告，你需要 require 所有**业务**和**测试**的代码。相关内容在 [karma-webpack 其他用法](https://github.com/webpack/karma-webpack#alternative-usage)中有涉及
-
-**test/index.js**
-```js
-// requires 所有在 `project/test/src/components/**/index.js` 中的测试
-const tests = require.context('./src/components/', true, /index\.js$/);
-
-tests.keys().forEach(tests);
-
-// requires 所有在 `project/src/components/**/index.js` 中的组件
-const components = require.context('../src/components/', true, /index\.js$/);
-
-components.keys().forEach(components);
-```
-
-> ℹ️ 以下为 `karma` 的唯一`入口`起点文件
-
-**karma.conf.js**
-```js
-config.set({
- ...
- files: [
- 'test/index.js'
- ],
- preprocessors: {
- 'test/index.js': 'webpack'
- },
- webpack: {
- ...
- module: {
- rules: [
- // 用 Istanbul 只监测业务代码
- {
- test: /\.js$/,
- use: { loader: 'istanbul-instrumenter-loader' },
- include: path.resolve('src/components/')
- }
- ]
- }
- ...
- },
- reporters: [ 'progress', 'coverage-istanbul' ],
- coverageIstanbulReporter: {
- reports: [ 'text-summary' ],
- fixWebpackSourcePaths: true
- }
- ...
-});
-```
-
-### 使用 `Babel`
-
-You must run the instrumentation as a post step
-
-```js
-{
- test: /\.js$|\.jsx$/,
- use: {
- loader: 'istanbul-instrumenter-loader',
- options: { esModules: true }
- },
- enforce: 'post',
- exclude: /node_modules|\.spec\.js$/,
-}
-```
-
-## Options
-
-此 loader 支持 `istanbul-lib-instrument` 的所有配置选项
-
-|Name|Type|Default|Description|
-|:--:|:--:|:-----:|:----------|
-|**`debug`**|`{Boolean}`|`false`|Turn on debugging mode|
-|**`compact`**|`{Boolean}`|`true`|Generate compact code|
-|**`autoWrap`**|`{Boolean}`|`false`|Set to `true` to allow return statements outside of functions|
-|**`esModules`**|`{Boolean}`|`false`|Set to `true` to instrument ES2015 Modules|
-|**`coverageVariable`**|`{String}`|`__coverage__`|Name of global coverage variable|
-|**`preserveComments`**|`{Boolean}`|`false`|Preserve comments in `output`|
-|**`produceSourceMap`**|`{Boolean}`|`false`|Set to `true` to produce a source map for the instrumented code|
-|**`sourceMapUrlCallback`**|`{Function}`|`null`|A callback function that is called when a source map URL is found in the original code. This function is called with the source filename and the source map URL|
-
-```js
-{
- test: /\.js$/,
- use: {
- loader: 'istanbul-instrumenter-loader',
- options: {...options}
- }
-}
-```
-
-## Maintainers
-
-
-
-
-[npm]: https://img.shields.io/npm/v/istanbul-instrumenter-loader.svg
-[npm-url]: https://npmjs.com/package/istanbul-instrumenter-loader
-
-[node]: https://img.shields.io/node/v/istanbul-instrumenter-loader.svg
-[node-url]: https://nodejs.org
-
-[deps]: https://david-dm.org/webpack-contrib/istanbul-instrumenter-loader.svg
-[deps-url]: https://david-dm.org/webpack-contrib/istanbul-instrumenter-loader
-
-[tests]: http://img.shields.io/travis/webpack-contrib/istanbul-instrumenter-loader.svg
-[tests-url]: https://travis-ci.org/webpack-contrib/istanbul-instrumenter-loader
-
-[cover]: https://codecov.io/gh/webpack-contrib/istanbul-instrumenter-loader/branch/master/graph/badge.svg
-[cover-url]: https://codecov.io/gh/webpack-contrib/istanbul-instrumenter-loader
-
-[chat]: https://badges.gitter.im/webpack/webpack.svg
-[chat-url]: https://gitter.im/webpack/webpack
-
-***
-
-> 原文：https://webpack.js.org/loaders/istanbul-instrumenter-loader/
diff --git a/content/loaders/jshint-loader.md b/content/loaders/jshint-loader.md
deleted file mode 100644
index cc205205ce55..000000000000
--- a/content/loaders/jshint-loader.md
+++ /dev/null
@@ -1,146 +0,0 @@
----
-title: jshint-loader
-source: https://raw.githubusercontent.com/webpack-contrib/jshint-loader/master/README.md
-edit: https://github.com/webpack-contrib/jshint-loader/edit/master/README.md
----
-## 安装
-
-```bash
-npm i jshint-loader --save
-```
-
-## 用法
-
-在 webpack 配置中启用 jshint loader：
-
-``` javascript
-module.exports = {
- module: {
- rules: [
- {
- test: /\.js$/, // 涵盖 .js 文件
- enforce: "pre", // 预先加载好 jshint loader
- exclude: /node_modules/, // 排除掉 node_modules 文件夹下的所有文件
- use: [
- {
- loader: "jshint-loader"
- }
- ]
- }
- ]
- },
-
- // 更多jslint的配置项
- jshint: {
- // 查询jslint配置项，请参考 http://www.jshint.com/docs/options/
- // 例如
- camelcase: true,
-
- //jslint 的错误信息在默认情况下会显示为 warning（警告）类信息
- //将 emitErrors 参数设置为true可使错误显示为error（错误）类信息
- emitErrors: false,
-
- //jshint默认情况下不会打断webpack编译
- //如果你想在jshint出现错误时，立刻停止编译
- //请设置failOnHint参数为true
- failOnHint: false,
-
- // 自定义报告函数
- reporter: function(errors) { }
- }
-}
-```
-
-## 自定义报告函数
-
-在默认情况下，`jshint-loader`会提供一个默认的报告方法。
-
-然而，如果你想自定义报告函数，你可以在`jshint`配置下 key 为`report`下的配置项里传入自定义的函数。（参考上文的*用法*）
-
-然后，jshint 将会生成与以下示例结构一致的
-错误/警告信息（数组）给报告函数。
-```js
-[
-{
- id: [字符串, 通常是 '(error)'],
- code: [字符串, 错误/警告（error/warning）编码],
- reason: [字符串, 错误/警告（error/warning）信息],
- evidence: [字符串, 对应生成此错误的编码]
- line: [数字]
- character: [数字]
- scope: [字符串, 消息作用域;
- 通常是 '(main)' 除非代码被解析(eval)了]
-
- [+ 还有一些旧有的参数，一般用户不必了解]
-},
-// ...
-// 更多的错误/警告
-]
-```
-
-报告函数会将 loader 的上下文信息保存在 `this` 后执行。你可以使用 `this.emitWarning(...)` 或者 `this.emitError(...)` 方法，手动触发信息的报告。请参考[关于 loader 上下文的 webpack 文档](https://webpack.js.org/api/loaders/#the-loader-context).
-
-####**注意：**`jshint reporters` 是与 `jshint-loader` **不兼容**的！
-这是因为 reporter 的输入来源，只能从一个文件，而不能同时从多个文件读取。在这种方式下的错误报告，是与 jshint 的[传统 reporters](http://www.jshint.com/docs/reporters/) 不一样的，
-因为 loader 插件（例如 jshint-loader）是会在每一个源文件上执行的，因此它们的报告函数也会分别对应每一个源文件上执行。
-
-webpack控制台输出的格式大致如下：
-```js
-...
-
-WARNING in ./path/to/file.js
-
-
-...
-```
-`
-
-## 维护人员
-
-
-
-
-[npm]: https://img.shields.io/npm/v/jshint-loader.svg
-[npm-url]: https://npmjs.com/package/jshint-loader
-
-[deps]: https://david-dm.org/webpack-contrib/jshint-loader.svg
-[deps-url]: https://david-dm.org/webpack-contrib/jshint-loader
-
-[chat]: https://img.shields.io/badge/gitter-webpack%2Fwebpack-brightgreen.svg
-[chat-url]: https://gitter.im/webpack/webpack
-
-[test]: http://img.shields.io/travis/webpack-contrib/jshint-loader.svg
-[test-url]: https://travis-ci.org/webpack-contrib/jshint-loader
-
-***
-
-> 原文：https://webpack.js.org/loaders/jshint-loader/
diff --git a/content/loaders/json-loader.md b/content/loaders/json-loader.md
deleted file mode 100644
index af1941e1acdc..000000000000
--- a/content/loaders/json-loader.md
+++ /dev/null
@@ -1,77 +0,0 @@
----
-title: json-loader
-source: https://raw.githubusercontent.com/webpack-contrib/json-loader/master/README.md
-edit: https://github.com/webpack-contrib/json-loader/edit/master/README.md
----
-## 安装
-
-```bash
-npm install --save-dev json-loader
-```
-
-> ⚠️ **注意：由于 `webpack >= v2.0.0` 默认支持导入 JSON 文件。如果您使用自定义文件扩展名，您可能仍然需要使用此 loader。See the [v1.0.0 -> v2.0.0 Migration Guide](https://webpack.js.org/guides/migrating/#json-loader-is-not-required-anymore) for more information**
-
-## 用法
-
-### `Inline`
-
-```js
-const json = require('json-loader!./file.json');
-```
-
-### `通过配置`（推荐）
-
-```js
-const json = require('./file.json');
-```
-
-**webpack.config.js**
-```js
-module.exports = {
- module: {
- loaders: [
- {
- test: /\.json$/,
- loader: 'json-loader'
- }
- ]
- }
-}
-```
-
-## 维护人员
-
-
-
-
-[npm]: https://img.shields.io/npm/v/json-loader.svg
-[npm-url]: https://npmjs.com/package/json-loader
-
-[node]: https://img.shields.io/node/v/json-loader.svg
-[node-url]: https://nodejs.org
-
-[deps]: https://david-dm.org/webpack/json-loader.svg
-[deps-url]: https://david-dm.org/webpack/json-loader
-
-[tests]: http://img.shields.io/travis/webpack/json-loader.svg
-[tests-url]: https://travis-ci.org/webpack/json-loader
-
-[cover]: https://coveralls.io/repos/github/webpack/json-loader/badge.svg
-[cover-url]: https://coveralls.io/github/webpack/json-loader
-
-[chat]: https://badges.gitter.im/webpack/webpack.svg
-[chat-url]: https://gitter.im/webpack/webpack
-
-***
-
-> 原文：https://webpack.js.org/loaders/json-loader/
diff --git a/content/loaders/json5-loader.md b/content/loaders/json5-loader.md
deleted file mode 100644
index ffbe45aa9e55..000000000000
--- a/content/loaders/json5-loader.md
+++ /dev/null
@@ -1,137 +0,0 @@
----
-title: json5-loader
-source: https://raw.githubusercontent.com/webpack-contrib/json5-loader/master/README.md
-edit: https://github.com/webpack-contrib/json5-loader/edit/master/README.md
----
-## 安装
-
-```sh
-$ npm install --save-dev json5-loader
-```
-
-## 用法
-
-你可以通过以下用法使用这个 loader
- * 在 webpack 配置里的 `module.loaders` 对象中配置 `json5-loader`；
- * 直接在 require 语句中使用 `json5-loader!` 前缀。
-
-假设我们有下面这个 `json5` 文件
-```js
-// appData.json5
-{
- env: 'production',
- passwordStregth: 'strong'
-}
-```
-
-#### 预先配置 loader 的用法
-
-```js
-// webpack.config.js
-module.exports = {
- entry: './index.js',
- output: { /* ... */ },
- module: {
- loaders: [
- {
- // 使所有以 .json5 结尾的文件使用 `json5-loader`
- test: /\.json5$/,
- loader: 'json5-loader'
- }
- ]
- }
-}
-```
-
-```js
-// index.js
-var appConfig = require('./appData.json5')
-// 或者 ES6 语法
-// import appConfig from './appData.json5'
-
-console.log(appConfig.env) // 'production'
-```
-#### require 语句使用 loader 前缀的用法
-```js
-var appConfig = require("json5-loader!./appData.json5")
-// 返回的是 json 解析过的对象
-
-console.log(appConfig.env) // 'production'
-```
-
-如果需要在 Node.js 中使用，不要忘记兼容(polyfill) require。更多参考 webpack 文档。
-
-## 维护人员
-
-
-
-## LICENSE
-
-MIT
-
-[npm]: https://img.shields.io/npm/v/json5-loader.svg
-[npm-url]: https://npmjs.com/package/json5-loader
-
-[deps]: https://david-dm.org/webpack-contrib/json5-loader.svg
-[deps-url]: https://david-dm.org/webpack-contrib/json5-loader
-
-[chat]: https://img.shields.io/badge/gitter-webpack%2Fwebpack-brightgreen.svg
-[chat-url]: https://gitter.im/webpack/webpack
-
-[test]: http://img.shields.io/travis/webpack-contrib/json5-loader.svg
-[test-url]: https://travis-ci.org/webpack-contrib/json5-loader
-
-[cover]: https://codecov.io/gh/webpack-contrib/json5-loader/branch/master/graph/badge.svg
-[cover-url]: https://codecov.io/gh/webpack-contrib/json5-loader
-
-***
-
-> 原文：https://webpack.js.org/loaders/json5-loader/
diff --git a/content/loaders/less-loader.md b/content/loaders/less-loader.md
deleted file mode 100644
index 1af3549fedae..000000000000
--- a/content/loaders/less-loader.md
+++ /dev/null
@@ -1,263 +0,0 @@
----
-title: less-loader
-source: https://raw.githubusercontent.com/webpack-contrib/less-loader/master/README.md
-edit: https://github.com/webpack-contrib/less-loader/edit/master/README.md
----
-## 安装
-
-```bash
-npm install --save-dev less-loader less
-```
-
-The less-loader requires [less](https://github.com/less/less.js) as [`peerDependency`](https://docs.npmjs.com/files/package.json#peerdependencies). Thus you are able to control the versions accurately.
-
-## 示例
-
-将 [css-loader](https://github.com/webpack-contrib/css-loader)、[style-loader](https://github.com/webpack-contrib/style) 和 less-loader 链式调用，可以把所有样式立即应用于 DOM。
-
-```js
-// webpack.config.js
-module.exports = {
- ...
- module: {
- rules: [{
- test: /\.less$/,
- use: [{
- loader: "style-loader" // creates style nodes from JS strings
- }, {
- loader: "css-loader" // translates CSS into CommonJS
- }, {
- loader: "less-loader" // compiles Less to CSS
- }]
- }]
- }
-};
-```
-
-You can pass any Less specific options to the less-loader via [loader options](https://webpack.js.org/configuration/module/#rule-options-rule-query). See the [Less documentation](http://lesscss.org/usage/#command-line-usage-options) for all available options in dash-case. Since we're passing these options to Less programmatically, you need to pass them in camelCase here:
-
-```js
-// webpack.config.js
-module.exports = {
- ...
- module: {
- rules: [{
- test: /\.less$/,
- use: [{
- loader: "style-loader"
- }, {
- loader: "css-loader"
- }, {
- loader: "less-loader", options: {
- strictMath: true,
- noIeCompat: true
- }
- }]
- }]
- }
-};
-```
-
-Unfortunately, Less doesn't map all options 1-by-1 to camelCase. When in doubt, [check their executable and search for the dash-case option](https://github.com/less/less.js/blob/3.x/bin/lessc).
-
-### In production
-
-Usually, it's recommended to extract the style sheets into a dedicated file in production using the [ExtractTextPlugin](https://github.com/webpack-contrib/extract-text-webpack-plugin). This way your styles are not dependent on JavaScript:
-
-```js
-const ExtractTextPlugin = require("extract-text-webpack-plugin");
-
-const extractLess = new ExtractTextPlugin({
- filename: "[name].[contenthash].css",
- disable: process.env.NODE_ENV === "development"
-});
-
-module.exports = {
- ...
- module: {
- rules: [{
- test: /\.less$/,
- use: extractLess.extract({
- use: [{
- loader: "css-loader"
- }, {
- loader: "less-loader"
- }],
- // use style-loader in development
- fallback: "style-loader"
- })
- }]
- },
- plugins: [
- extractLess
- ]
-};
-```
-
-## Usage
-
-### Imports
-
-Starting with less-loader 4, you can now choose between Less' builtin resolver and webpack's resolver. By default, webpack's resolver is used.
-
-#### webpack resolver
-
-webpack 提供了一种[解析文件的高级机制](https://webpack.js.org/configuration/resolve/)。less-loader 应用一个 Less 插件，并且将所有查询参数传递给 webpack resolver。所以，你可以从 `node_modules` 导入你的 less 模块。只要加一个 `~` 前缀，告诉 webpack 去查询[`模块`](https://webpack.js.org/configuration/resolve/#resolve-modules)。
-
-```css
-@import "~bootstrap/less/bootstrap";
-```
-
-重要的是只使用 `~` 前缀，因为 `~/` 会解析为主目录。webpack 需要区分`bootstrap`和`〜bootstrap`，因为 CSS 和 Less 文件没有用于导入相对文件的特殊语法。`@import "file"` 与 `@import "./file";` 写法相同
-
-##### Non-Less imports
-
-使用 webpack resolver，您可以引入任何文件类型。您只需要一个导出有效的 Less 代码的 loader。通常，您还需要设置 `issuer` 条件，以确保此规则仅适用于 Less 文件的导入：
-
-```js
-// webpack.config.js
-module.exports = {
- ...
- module: {
- rules: [{
- test: /\.js$/,
- issuer: /\.less$/,
- use: [{
- loader: "js-to-less-loader"
- }]
- }]
- }
-};
-```
-
-#### Less resolver
-
-If you specify the `paths` option, the less-loader will not use webpack's resolver. Modules, that can't be resolved in the local folder, will be searched in the given `paths`. This is Less' default behavior. `paths` should be an array with absolute paths:
-
-```js
-// webpack.config.js
-module.exports = {
- ...
- module: {
- rules: [{
- test: /\.less$/,
- use: [{
- loader: "style-loader"
- }, {
- loader: "css-loader"
- }, {
- loader: "less-loader", options: {
- paths: [
- path.resolve(__dirname, "node_modules")
- ]
- }
- }]
- }]
- }
-};
-```
-
-In this case, all webpack features like importing non-Less files or aliasing won't work of course.
-
-### 插件
-
-为了使用[插件](http://lesscss.org/usage/#plugins)，只需像下面这样简单设置 `plugins` 选项：
-
-```js
-// webpack.config.js
-const CleanCSSPlugin = require("less-plugin-clean-css");
-
-module.exports = {
- ...
- {
- loader: "less-loader", options: {
- plugins: [
- new CleanCSSPlugin({ advanced: true })
- ]
- }
- }]
- ...
-};
-```
-
-### Extracting style sheets
-
-Bundling CSS with webpack has some nice advantages like referencing images and fonts with hashed urls or [hot module replacement](https://webpack.js.org/concepts/hot-module-replacement/) in development. In production, on the other hand, it's not a good idea to apply your style sheets depending on JS execution. Rendering may be delayed or even a [FOUC](https://en.wikipedia.org/wiki/Flash_of_unstyled_content) might be visible. Thus it's often still better to have them as separate files in your final production build.
-
-There are two possibilities to extract a style sheet from the bundle:
-
-- [extract-loader](https://github.com/peerigon/extract-loader) (simpler, but specialized on the css-loader's output)
-- [extract-text-webpack-plugin](https://github.com/webpack-contrib/extract-text-webpack-plugin) (more complex, but works in all use-cases)
-
-### Source maps
-
-要启用 CSS 的 source map，你需要将 `sourceMap` 选项传递给 *less-loader* 和 *css-loader*。所以你的 `webpack.config.js' 应该是这样：
-
-```javascript
-module.exports = {
- ...
- module: {
- rules: [{
- test: /\.less$/,
- use: [{
- loader: "style-loader"
- }, {
- loader: "css-loader", options: {
- sourceMap: true
- }
- }, {
- loader: "less-loader", options: {
- sourceMap: true
- }
- }]
- }]
- }
-};
-```
-
-Also checkout the [sourceMaps example](https://github.com/webpack-contrib/less-loader/tree/master/examples/sourceMaps).
-
-如果您要编辑 Chrome 中的原始 Less 文件，[这里有一个很好的博客文章](https://medium.com/@toolmantim/getting-started-with-css-sourcemaps-and-in-browser-sass-editing-b4daab987fb0)。此博客文章是关于 Sass 的，但它也适用于 Less。
-
-### CSS modules gotcha
-
-There is a known problem with Less and [CSS modules](https://github.com/css-modules/css-modules) regarding relative file paths in `url(...)` statements. [See this issue for an explanation](https://github.com/webpack-contrib/less-loader/issues/109#issuecomment-253797335).
-
-## 维护人员
-
-
-
-
-[npm]: https://img.shields.io/npm/v/less-loader.svg
-[npm-stats]: https://img.shields.io/npm/dm/less-loader.svg
-[npm-url]: https://npmjs.com/package/less-loader
-
-[node]: https://img.shields.io/node/v/less-loader.svg
-[node-url]: https://nodejs.org
-
-[deps]: https://david-dm.org/webpack-contrib/less-loader.svg
-[deps-url]: https://david-dm.org/webpack-contrib/less-loader
-
-[travis]: http://img.shields.io/travis/webpack-contrib/less-loader.svg
-[travis-url]: https://travis-ci.org/webpack-contrib/less-loader
-
-[appveyor-url]: https://ci.appveyor.com/project/jhnns/less-loader/branch/master
-[appveyor]: https://ci.appveyor.com/api/projects/status/github/webpack-contrib/less-loader?svg=true
-
-[coverage]: https://img.shields.io/codecov/c/github/webpack-contrib/less-loader.svg
-[coverage-url]: https://codecov.io/gh/webpack-contrib/less-loader
-
-[chat]: https://badges.gitter.im/webpack-contrib/webpack.svg
-[chat-url]: https://gitter.im/webpack-contrib/webpack
-
-***
-
-> 原文：https://webpack.js.org/loaders/less-loader/
\ No newline at end of file
diff --git a/content/loaders/mocha-loader.md b/content/loaders/mocha-loader.md
deleted file mode 100644
index dbad40e3238c..000000000000
--- a/content/loaders/mocha-loader.md
+++ /dev/null
@@ -1,102 +0,0 @@
----
-title: mocha-loader
-source: https://raw.githubusercontent.com/webpack-contrib/mocha-loader/master/README.md
-edit: https://github.com/webpack-contrib/mocha-loader/edit/master/README.md
----
-## 安装
-
-```bash
-npm install --save-dev mocha-loader
-```
-
-## 用法
-
-### 配置（推荐）
-
-**webpack.config.js**
-```js
-
-module.exports = {
- entry: './entry.js',
- output: {
- path: __dirname,
- filename: 'bundle.js'
- },
- module: {
- rules: [{
- test: /test\.js$/,
- use: 'mocha-loader',
- exclude: /node_modules/,
- }]
- }
-}
-```
-
-```js
-import test from './test'
-```
-
-### 命令行接口(CLI)
-
-```bash
-webpack --module-bind 'mocha-loader!./test'
-```
-
-```js
-import test from './test'
-```
-
-### Require
-
-```js
-import test from 'mocha-loader!./test'
-```
-
-## 选项
-
-## 维护人员
-
-
-
-
-[npm]: https://img.shields.io/npm/v/mocha-loader.svg
-[npm-url]: https://npmjs.com/package/mocha-loader
-
-[deps]: https://david-dm.org/webpack/mocha-loader.svg
-[deps-url]: https://david-dm.org/webpack/mocha-loader
-
-[chat]: https://badges.gitter.im/webpack/webpack.svg
-[chat-url]: https://gitter.im/webpack/webpack
-
-***
-
-> 原文：https://webpack.js.org/loaders/mocha-loader/
\ No newline at end of file
diff --git a/content/loaders/multi-loader.md b/content/loaders/multi-loader.md
deleted file mode 100644
index a84f55732968..000000000000
--- a/content/loaders/multi-loader.md
+++ /dev/null
@@ -1,79 +0,0 @@
----
-title: multi-loader
-source: https://raw.githubusercontent.com/webpack-contrib/multi-loader/master/README.md
-edit: https://github.com/webpack-contrib/multi-loader/edit/master/README.md
----
-## Install
-
-```bash
-npm i multi-loader --save
-```
-
-## Usage
-
-``` javascript
-var multi = require("multi-loader");
-{
- module: {
- loaders: [
- {
- test: /\.css$/,
- // Add CSS to the DOM
- // and
- // Return the raw content
- loader: multi(
- "style-loader!css-loader!autoprefixer-loader",
- "raw-loader"
- )
- }
- ]
- }
-}
-```
-
-## 维护人员
-
-
-
-
-[npm]: https://img.shields.io/npm/v/multi-loader.svg
-[npm-url]: https://npmjs.com/package/multi-loader
-
-[deps]: https://david-dm.org/webpack-contrib/multi-loader.svg
-[deps-url]: https://david-dm.org/webpack-contrib/multi-loader
-
-[chat]: https://img.shields.io/badge/gitter-webpack%2Fwebpack-brightgreen.svg
-[chat-url]: https://gitter.im/webpack/webpack
-
-***
-
-> 原文：https://webpack.js.org/loaders/multi-loader/
diff --git a/content/loaders/node-loader.md b/content/loaders/node-loader.md
deleted file mode 100644
index ff09010dff98..000000000000
--- a/content/loaders/node-loader.md
+++ /dev/null
@@ -1,105 +0,0 @@
----
-title: node-loader
-source: https://raw.githubusercontent.com/webpack-contrib/node-loader/master/README.md
-edit: https://github.com/webpack-contrib/node-loader/edit/master/README.md
----
-## 安装
-
-```bash
-npm install --save-dev node-loader
-```
-
-## 用法
-
-在 [enhanced-require](https://github.com/webpack/enhanced-require) 中执行 [node add-ons](https://nodejs.org/dist/latest/docs/api/addons.html)
-
-通过 webpack 配置、命令行或者内联使用 loader。
-
-### 通过 webpack 配置（推荐）
-
-**webpack.config.js**
-```js
-module.exports = {
- module: {
- rules: [
- {
- test: /\.node$/,
- use: 'node-loader'
- }
- ]
- }
-}
-```
-
-**在你的项目中**
-```js
-import node from 'file.node';
-```
-
-### 通过命令行（CLI）
-
-```bash
-webpack --module-bind 'node=node-loader'
-```
-
-**在你的项目中**
-```js
-import node from 'file.node';
-```
-
-### 内联使用
-
-**在你的项目中**
-```js
-import node from 'node-loader!./file.node';
-```
-
-## 维护人员
-
-
-
-
-[npm]: https://img.shields.io/npm/v/node-loader.svg
-[npm-url]: https://npmjs.com/package/node-loader
-
-[node]: https://img.shields.io/node/v/node-loader.svg
-[node-url]: https://nodejs.org
-
-[deps]: https://david-dm.org/webpack/node-loader.svg
-[deps-url]: https://david-dm.org/webpack/node-loader
-
-[chat]: https://badges.gitter.im/webpack/webpack.svg
-[chat-url]: https://gitter.im/webpack/webpack
-
-***
-
-> 原文：https://webpack.js.org/loaders/node-loader/
diff --git a/content/loaders/null-loader.md b/content/loaders/null-loader.md
deleted file mode 100755
index 99e295e74d9b..000000000000
--- a/content/loaders/null-loader.md
+++ /dev/null
@@ -1,76 +0,0 @@
----
-title: null-loader
-source: https://raw.githubusercontent.com/webpack-contrib/null-loader/master/README.md
-edit: https://github.com/webpack-contrib/null-loader/edit/master/README.md
----
-## 安装
-
-```bash
-npm i null-loader --save
-```
-
-## Examples
-
-One use for this loader is to silence modules imported by a dependency. Say, for example, your project relies on an ES6 library that imports a polyfill you don't need, so removing it will cause no loss in functionality. Test for the path to the polyfill and it won't be included in your bundle:
-
-```js
-const path = require('path');
-
-module.exports = {
- module: {
- rules: [
- {
- test: path.resolve(__dirname, 'node_modules/library/polyfill.js'),
- use: 'null-loader'
- }
- ]
- }
-}
-```
-
-## 维护人员
-
-
-
-
-[npm]: https://img.shields.io/npm/v/null-loader.svg
-[npm-url]: https://npmjs.com/package/null-loader
-
-[deps]: https://david-dm.org/webpack-contrib/null-loader.svg
-[deps-url]: https://david-dm.org/webpack-contrib/null-loader
-
-[chat]: https://img.shields.io/badge/gitter-webpack%2Fwebpack-brightgreen.svg
-[chat-url]: https://gitter.im/webpack/webpack
-
-***
-
-> 原文：https://webpack.js.org/loaders/null-loader/
\ No newline at end of file
diff --git a/content/loaders/polymer-webpack-loader.md b/content/loaders/polymer-webpack-loader.md
deleted file mode 100644
index 24388c72d879..000000000000
--- a/content/loaders/polymer-webpack-loader.md
+++ /dev/null
@@ -1,34 +0,0 @@
----
-title: polymer-webpack-loader
-source: https://raw.githubusercontent.com/webpack-contrib/polymer-webpack-loader/master/README.md
-edit: https://github.com/webpack-contrib/polymer-webpack-loader/edit/master/README.md
----
-## Maintainers
-
-
diff --git a/content/loaders/raw-loader.md b/content/loaders/raw-loader.md
deleted file mode 100644
index 46aadf4e43d0..000000000000
--- a/content/loaders/raw-loader.md
+++ /dev/null
@@ -1,102 +0,0 @@
----
-title: raw-loader
-source: https://raw.githubusercontent.com/webpack-contrib/raw-loader/master/README.md
-edit: https://github.com/webpack-contrib/raw-loader/edit/master/README.md
----
-## 安装
-
-```bash
-npm install --save-dev raw-loader
-```
-
-## 用法
-
-通过 webpack 配置、命令行或者内联使用 loader。
-
-### 通过 webpack 配置（推荐）
-
-**webpack.config.js**
-```js
-module.exports = {
- module: {
- rules: [
- {
- test: /\.txt$/,
- use: 'raw-loader'
- }
- ]
- }
-}
-```
-
-**在你的项目中**
-```js
-import txt from 'file.txt';
-```
-
-### 通过命令行（CLI）
-
-```bash
-webpack --module-bind 'txt=raw-loader'
-```
-
-**在你的项目中**
-```js
-import txt from 'file.txt';
-```
-
-### 内联使用
-
-**在你的项目中**
-```js
-import txt from 'raw-loader!./file.txt';
-```
-
-## 维护者
-
-
-
-[npm]: https://img.shields.io/npm/v/raw-loader.svg
-[npm-url]: https://npmjs.com/package/raw-loader
-
-[node]: https://img.shields.io/node/v/raw-loader.svg
-[node-url]: https://nodejs.org
-
-[deps]: https://david-dm.org/webpack/raw-loader.svg
-[deps-url]: https://david-dm.org/webpack/raw-loader
-
-[chat]: https://badges.gitter.im/webpack/webpack.svg
-[chat-url]: https://gitter.im/webpack/webpack
-
-***
-
-> 原文：https://webpack.js.org/loaders/raw-loader/
diff --git a/content/loaders/react-proxy-loader.md b/content/loaders/react-proxy-loader.md
deleted file mode 100644
index ac36d91584d0..000000000000
--- a/content/loaders/react-proxy-loader.md
+++ /dev/null
@@ -1,107 +0,0 @@
----
-title: react-proxy-loader
-source: https://raw.githubusercontent.com/webpack-contrib/react-proxy-loader/master/README.md
-edit: https://github.com/webpack-contrib/react-proxy-loader/edit/master/README.md
----
-## 安装
-
-```bash
-npm install react-proxy-loader
-```
-
-## 用法
-
-``` js
-var Component = require("react-proxy-loader!./Component");
-// => 返回代理组件（它按需加载。）
-// （webpack 为此组件及其依赖项创建一个额外的 chunk）
-
-var ComponentProxyMixin = require("react-proxy-loader!./Component").Mixin;
-// => 返回代理组件的 mixin
-// （这允许您为 proxy 的加载状态设置渲染）
-var ComponentProxy = React.createClass({
- mixins: [ComponentProxyMixin],
- renderUnavailable: function() {
- return Loading...
;
- }
-});
-```
-
-代理是一个react组件。所有属性都将传输到包装组件。
-
-## 配置
-
-代替（或除了）内联 loader 调用之外，还可以在配置中指定代理组件：
-
-``` js
-module.exports = {
- module: {
- loaders: [
- /* ... */
- {
- test: [
- /component\.jsx$/, // select component by RegExp
- /\.async\.jsx$/, // select component by extension
- "/abs/path/to/component.jsx" // absolute path to component
- ],
- loader: "react-proxy-loader"
- }
- ]
- }
-};
-```
-
-### Chunk 名称
-
-您可以使用 `name` 查询参数为该 chunk 提供名称：
-
-``` js
-var Component = require("react-proxy-loader?name=chunkName!./Component");
-```
-
-## 维护人员
-
-
-
-
-[npm]: https://img.shields.io/npm/v/react-proxy-loader.svg
-[npm-url]: https://npmjs.com/package/react-proxy-loader
-
-[deps]: https://david-dm.org/webpack-contrib/react-proxy-loader.svg
-[deps-url]: https://david-dm.org/webpack-contrib/react-proxy-loader
-
-[chat]: https://img.shields.io/badge/gitter-webpack%2Fwebpack-brightgreen.svg
-[chat-url]: https://gitter.im/webpack/webpack
-
-***
-
-> 原文：https://webpack.js.org/loaders/react-proxy-loader/
diff --git a/content/loaders/restyle-loader.md b/content/loaders/restyle-loader.md
deleted file mode 100644
index 13c76204d8af..000000000000
--- a/content/loaders/restyle-loader.md
+++ /dev/null
@@ -1,113 +0,0 @@
----
-title: restyle-loader
-source: https://raw.githubusercontent.com/webpack-contrib/restyle-loader/master/README.md
-edit: https://github.com/webpack-contrib/restyle-loader/edit/master/README.md
----
-## 安装
-
-```bash
-npm install --save-dev restyle-loader
-```
-
-## 用法
-
-[文档：使用 loader](https://webpack.js.org/loaders/)
-
-## 示例
-
-**webpack.config.js**
-
-```js
-{
- test: /\.css?$/,
- use: [
- {
- loader: "restyle-loader"
- },
- {
- loader: "file-loader",
- options: {
- name: "[name].css?[hash:8]"
- }
- }
- ]
-}
-```
-hash 需要启用热模块替换(Hot Module Replacement)
-
-**bundle.js**
-
-```js
-require("./index.css");
-
-// 在这里打包代码...
-```
-
-
-**index.html**
-
-```html
-
-
- 用法
-
-建议将 `style-loader` 与 [`css-loader`](https://github.com/webpack/css-loader) 结合使用
-
-**component.js**
-```js
-import style from './file.css'
-```
-
-**webpack.config.js**
-```js
-{
- module: {
- rules: [
- {
- test: /\.css$/,
- use: [
- { loader: "style-loader" },
- { loader: "css-loader" }
- ]
- }
- ]
- }
-}
-```
-
-#### `局部（CSS 模块）`
-
-在使用[局部作用域 CSS](https://github.com/webpack/css-loader#css-scope) 时，模块导出生成的（局部）标识符(identifier)。
-
-**component.js**
-```js
-import style from './file.css'
-
-style.className === "z849f98ca812"
-```
-
-### `Url`
-
-也可以添加一个URL ` 
-
- Juho Vepsäläinen
- 
-
- Joshua Wiens
- 
-
- Kees Kluskens
- 
-
- Sean Larkin
- 
-
- Tobias Koppers
-
- 
-
- Juho Vepsäläinen
-
- 
-
- Joshua Wiens
-
- 
-
- Artem Sapegin
-
- 
-
- Michael Ciniawsky
-
- 
-
- Alexander Krasnoyarov
-
- 
-
- Kees Kluskens
- 
-
- Sean Larkin
- 
-
- Joscha Feth
- 
-
- Name
-
- 
-
- John-David Dalton
-
- 
` 都需要通过 require （`require('./image.png')`）来进行加载。您可能需要在配置中为图片指定 loader（推荐 `file-loader` 或 `url-loader` ）
-
-您可以通过查询参数 `attrs`，来指定哪个标签属性组合(tag-attribute combination)应该被此 loader 处理。传递数组或以空格分隔的 `
-```
-
-```js
-require("html-loader!./file.html");
-
-// => '
'
-```
-
-```js
-require("html-loader?-attrs!./file.html");
-
-// => '
'
-```
-
-或者在 `webpack.conf.js` 的 rule 选项中指定 `minimize` 属性
-
-```js
-module: {
- rules: [{
- test: /\.html$/,
- use: [ {
- loader: 'html-loader',
- options: {
- minimize: true
- }
- }],
- }]
-}
-```
-
-The enabled rules for minimizing by default are the following ones:
- - removeComments
- - removeCommentsFromCDATA
- - removeCDATASectionsFromCDATA
- - collapseWhitespace
- - conservativeCollapse
- - removeAttributeQuotes
- - useShortDoctype
- - keepClosingSlash
- - minifyJS
- - minifyCSS
- - removeScriptTypeAttributes
- - removeStyleTypeAttributes
-
- The rules can be disabled using the following options in your `webpack.conf.js`
-
-```js
-module: {
- rules: [{
- test: /\.html$/,
- use: [ {
- loader: 'html-loader',
- options: {
- minimize: true,
- removeComments: false,
- collapseWhitespace: false
- }
- }],
- }]
-}
-```
-
-### 'Root-relative' URLs
-
-对于以 `/` 开头的 url，默认行为是不转换它们。如果设置了 `root` 查询参数，它将被添加到 URL 之前，然后进行转换。
-
-和上面配置相同：
-
-``` html
-
-
-```
-
-```js
-require("html-loader!./file.html");
-
-// => '
'
-```
-
-### 插值
-
-您可以使用 `interpolate` 标记，为 ES6 模板字符串启用插值语法，就像这样：
-
-```js
-require("html-loader?interpolate!./file.html");
-```
-
-```html
-})
-
-
-
- Hemanth
- 
-
- Joshua Wiens
- 
-
- Michael Ciniawsky
- 
-
- Imvetri
- 
-
- Andrei Crnković
- 
-
- Yuta Hiroto
- 
-
- Vesselin Petrunov
- 
-
- Gajus Kuizinas
- 
-
- Kir Belevich
- 
-
- Matt Lewis
-
- 
-
- Tobias Koppers
- 
- 
- 
- 
- 
- 
- 
- 
-
- Bryan Coulter
-
- 
-
- Chad Killingsworth
-
- 
-
- Rob Dodson
-
- 
- 
