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 组件