url-loader和file-loader的區別

file-loader將圖片移動到dist目錄(或者outputPath定義的目錄)下並返回一個相對於dist的路徑

url-loader相比file-loader多了一個limit配置項(1024 = 1kb),在超過limit的時候執行和file-loader相同的功能，當小於limit時會將文件打包成base64文件到js打包文件裏

rules: [
    {
      test: /\.(png|jpg|gif)$/,
      use: {
        loader: 'url-loader',
        options: {
          name: '[name]_[hash:6].[ext]',
          outputPath: 'images/',
          // url-loader的limit配置項
          limit: 2048
        }
      }
    }
  ]

url-loader會將圖片轉成base64文件放在打包js文件裏,節約了一次HTTP請求，如果圖片太大會導致加載慢（適合小圖片）