【前端面试题-03】webpack 中的 loader 的作用是什么

Webpack 中的 Loader 的作用

在 Webpack 中，Loader 主要用于转换非 JavaScript 文件，使其能够被 Webpack 处理。例如，Webpack 默认只能解析 JavaScript 和 JSON 文件，而 Loader 允许 Webpack 处理 CSS、图片、TypeScript、Babel 转换的 ES6+ 代码等。

---

Loader 的作用

1. 文件转换：

   • CSS：css-loader、style-loader 处理 CSS 文件。
   • 图片/字体：file-loader、url-loader 处理图片、字体等静态资源。
   • Babel：babel-loader 转换 ES6+ 代码为 ES5，保证兼容性。
   • TypeScript：ts-loader 处理 TypeScript 代码，编译为 JavaScript。
   • 模板文件：