loader
raw-loader
加载文件原始内容(utf-8)- 将代码作为模块执行,并将 exports 转为 JS 代码
url-loader
像 file loader 一样工作,但如果文件小于限制,可以返回file-loader
将文件发送到输出文件夹,并返回(相对)URL- 手动创建所有文件之间的依赖关系
JSON
- 加载 JSON 文件(默认包含)
cson-loader
加载和转译 文件
script-loader
在全局上下文中执行一次 JavaScript 文件(如在 script 标签),不需要解析- 加载 ES2015+ 代码,然后使用 Babel 转译为 ES5
- 使用 Bublé 加载 ES2015+ 代码,并且将代码转译为 ES5
- 加载 ES2015+ 代码,然后使用 Traceur 转译为 ES5
- 或
awesome-typescript-loader
像 JavaScript 一样加载 2.0+ coffee-loader
像 JavaScript 一样加载fengari-loader
使用 加载 Lua 代码
模板(templating)
- 导出 HTML 为字符串,需要引用静态资源
pug-loader
加载 Pug 模板并返回一个函数- 将 Markdown 转译为 HTML
react-markdown-loader
使用 markdown-parse parser(解析器) 将 Markdown 编译为 React 组件- 使用 PostHTML 加载并转换 HTML 文件
- 将 Handlebars 转移为 HTML
twig-loader
编译 Twig 模板,然后返回一个函数
- 将模块的导出作为样式添加到 DOM 中
css-loader
解析 CSS 文件后,使用 import 加载,并且返回 CSS 代码- 加载和转译 LESS 文件
sass-loader
加载和转译 SASS/SCSS 文件- 使用 PostCSS 加载和转译 CSS/SSS 文件
- 加载和转译 Stylus 文件
代码检查和测试(linting && testing)
- 使用 mocha 测试(浏览器/NodeJS)
- PreLoader,使用 ESLint 清理代码
- PreLoader,使用 JSHint 清理代码
- PreLoader,使用 JSCS 检查代码样式
- PreLoader,使用 CoverJS 确定测试覆盖率
- 加载和转译 Vue 组件
- 使用选择预处理器(preprocessor)处理,并且 类似一等模块(first-class)的 Web 组件