webpack 常用loaders

• css-loader：加载 css，支持模块化、压缩、文件导入等特效。
• style-loader：把 css 代码注入到 JavaScript 中，通过 DOM 操作去加载 css。
• sass-loader：把 sass/scss 代码转换成 css。
• less-loader：把 less 代码转换成 css。
• stylus-loader：把 stylus 代码转换成 css。
• raw-loader：把文本文件的内容加载到代码中去。
• file-loader：把文件输出到一个文件夹中，在代码中通过相对 url 去引用输出的文件。
• url-loader：能将小文件以 base64 的方式将文件内容注入到代码中去。
• image-loader：加载并且压缩图片文件。
• json-loader：加载 JSON 文件。
• babel-loader：把 ES6 转换成 ES5。
• ts-loader：把 TypeScript 转换成 JavaScript。
• awesome-typescript-loader：把 TypeScript 转换成 JavaScript，性能比 ts-loader 好。
• pug-loader：把 pug 模版转换成 JavaScript 函数。
• handlebars-loader：把 handlebars 模版转换成 JavaScript 函数。
• markdown-loader：把 markdown 文件转换成 HTML。
• eslint-loader：通过 eslint 检查 JavaScript 代码。
• tslint-loader：通过 tslint 检查 TypeScript 代码。
• vue-loader：加载转换 Vue 的 .vue 单文件组件。