三、常用 Loaders

下面是一些常用的 Webpack 加载器：https://www.nowcoder.com/issue/tutorial?zhuanlanId=j572L2&uuid=34f94c51e98c43189698d5dbb201f92c#牛客AI配图神器#

babel-loader：允许使用 Babel 转换 ES6+ 语法到 ES5，以便在旧浏览器中使用。

npm install --save-dev babel-loader @babel/core @babel/preset-env
css-loader：解析 CSS 文件中的 @import 和 url() 语句。

npm install --save-dev css-loader
style-loader：将 JS 字符串中的 CSS 插入到 DOM 中。

npm install --save-dev style-loader
file-loader：用于处理文件（如图像和字体），并将其输出到输出目录。适合处理媒体文件。

npm install --save-dev file-loader
url-loader：和 file-loader 类似，但允许将小文件（小于指定大小）转为 Data URL。

npm install --save-dev url-loader
sass-loader：将 Sass 编译成 CSS，配合 css-loader 和 style-loader 使用。

npm install --save-dev sass-loader sass css-loader style-loader