常见的loader有哪些？

常见的 Webpack Loader

在 Webpack 中，Loader 是处理和转换各种类型文件的重要工具。以下是一些常见的 Loader 及其用途：

1. Babel Loader

• 作用：将 ES6+ JavaScript 代码转换为向后兼容的 ES5 代码。
• 安装：

  npm install --save-dev babel-loader @babel/core @babel/preset-env
  

• 配置：

  {
       
       
    test: /\.js$/,
    exclude: /node_modules/,
    use: {
       
       
      loader: 'babel-loader',
      options: {
       
       
        presets: ['@babel/preset-env'],
      },
    },
  }
  

2. CSS Loader

• 作用：将 CSS 文件转换为模块，允许在 JavaScript 中 import CSS 文件。
• 安装：

  npm install --save-dev css-loader
  

• 配置：

  {
       
       
    test