webpack 常用插件、loader汇总：

webpack 常用插件、loader汇总：

点击模块、库名字，查看使用文档

装载器loader

• hTML-loader ： Webpack 的 HTML 加载器模块。
• responsive-loader ： 响应式图像的加载器
• svg-url-loade ： 将 SVG 文件加载为 utf-8 编码的 Url 的加载器。
• mermaid-loader ： Webpack 的美人鱼加载模块（图表）
• wasm-loader ： Webpack 的 wasm 二进制加载器模块。
• babel-loader 使用 Babel 加载 ES2015+ 代码并将其转换为 ES5
• buble-loader 使用 Bublé 加载 ES2015+ 代码并将其转换为 ES5
• traceur-loader 使用 Traceur 加载 ES2015+ 代码并将其转换为 ES5
• ts-loader 像加载 JavaScript 一样加载 TypeScript 2.0+
• coffee-loader 像加载 JavaScript 一样加载 CoffeeScript
• fengari-loader 使用 fengari 加载 Lua 代码
• elm-webpack-loader 像加载 JavaScript 一样加载 Elm
• html-loader 将 HTML 导出为字符串，需要传入静态资源的引用路径
• pug-loader 加载 Pug 和 Jade 模板并返回一个函数
• markdown-loader 将 Markdown 编译为 HTML
• react-markdown-loader 使用 markdown-parse 解析器将 Markdown 编译为 React 组件
• posthtml-loader 使用 PostHTML 加载并转换 HTML 文件
• handlebars-loader 将 Handlebars 文件编译为 HTML
• markup-inline-loader 将 SVG/MathML 文件内嵌到 HTML 中。在将图标字体或 CSS 动画应用于 SVG 时，此功能非常实用。
• twig-loader 编译 Twig 模板并返回一个函数
• remark-loader 通过 remark 加载 markdown，且支持解析内容中的图片
• style-loader 将模块导出的内容作为样式并添加到 DOM 中
• css-loader 加载 CSS 文件并解析 import 的 CSS 文件，最终返回 CSS 代码
• less-loader 加载并编译 LESS 文件
• sass-loader 加载并编译 SASS/SCSS 文件
• postcss-loader 使用 PostCSS 加载并转换 CSS/SSS 文件
• stylus-loader 加载并编译 Stylus 文件
• vue-loader 加载并编译 Vue 组件
• angular2-template-loader 加载并编译 Angular 组件

插件plugin