装载机
Webpack 加载器可以配置为 preLoaders，loaders 和 postLoaders。虽然它们不是必须的，但使用 linting 或其他命令或串行操作的配置可以利用管道中的这些构建阶段。
理解加载器及其使用的关键是 Webpack 将通过加载器系统运行需求图中的每个模块。按照上面的示例，这意味着当 Webpack 开始爬行应用程序的导入时，它将识别所需的文件并使用简单的正则表达式，将确定哪个文件或文件类型需要哪个加载器或一系列加载器。
在上面你可以看到所有“.js”或“.jsx”文件都将由 preLoader 阶段的 eslint-loader 重新标记。其他 js|x 文件类型也将在主加载阶段通过 babel-loader 运行。此外，在同一阶段，任何 .scss 文件都将加载到 sass-loader 中 。这允许你在 JS 模块中导入 Sass 文件，并将它们输出到生成的 JS 包或甚至另一个单独的 CSS 包（使用插件 ）。
注意： 导入 .scss 文件仅适用于 Webpack 和适当的加载程序。如果没有预处理器或转换器，Node 将无法理解这种导入。
在 .scss 示例中还要注意的是能够使用 ! 感叹号作为不同装载器之间的管道来链接装载器。上面的例子将“sass-loader”的输出管道输入“css-loader”，最后输出到“style-loader”。这也可以用 loaders: ['style-loader', 'css-loader', 'sass-loader'] 数组执行。内联加载程序定义也可以使用不同的选项，并遵循 URL 中常见的查询参数语法。