Webpack 加载器（Loaders）是 Webpack 中一个非常重要的概念，它允许开发者在打包过程中对不同类型的文件进行转换处理。通过使用加载器，开发者可以在打包过程中对各种资源文件进行处理，比如将 ES6 语法转换为 ES5、将 Sass 文件转换为 CSS 等。
加载器的使用方法
在 Webpack 配置文件中，可以通过 module.rules 字段来配置加载器。每个加载器可以通过一个对象来进行配置，其中包括以下几个重要的字段：
test: 指定需要匹配的文件类型，可以是正则表达式。use: 指定使用的加载器，可以是字符串或数组形式，数组形式可以按顺序使用多个加载器。exclude: 指定排除的文件夹，一般用于排除 node_modules 文件夹。
下面是一个简单的 Webpack 配置文件示例，用于处理 ES6 文件：
-- -------------------- ---- -------
-------------- - -
------- -
------ -
-
----- --------
-------- ---------------
---- -
------- ---------------
-------- -
-------- ---------------------
-
-
-
-
-
--在上面的配置中，我们通过 babel-loader 加载器来处理 .js 文件，将 ES6 语法转换为 ES5。
常用加载器
除了 babel-loader，在实际开发中还有很多常用的加载器，比如：
css-loader: 用于处理 CSS 文件。style-loader: 用于将 CSS 注入到页面中。file-loader: 用于处理图片、字体等文件。url-loader: 类似于file-loader，但可以将文件转换为 base64 编码的 URL。
自定义加载器
除了使用已有的加载器，开发者还可以编写自定义加载器来处理特定的文件类型。自定义加载器需要符合 Webpack 加载器的规范，并且需要通过 module.rules 字段配置到 Webpack 配置文件中。
-- -------------------- ---- -------
-------------- - -
------- -
------ -
-
----- ---------
---- -
------- ----------------------- ----------------------
-
-
-
-
--在上面的配置中，我们使用自定义加载器处理 .txt 文件，加载器文件为 my-custom-loader.js。
加载器是 Webpack 中非常灵活和强大的功能，通过加载器的使用，开发者可以轻松地对各种资源文件进行处理，从而实现更加高效和灵活的前端开发工作。