url-loader 设置大小配置

Author: zhongzi-rail0039

README.md

@@ -24,15 +24,18 @@
 
 - url-loader 与 file-loader 区别点在于 `limit`设置图片大小，必须通过 `file-loader`进行相应的处理
 
-- `url-loader` 使用会被编译成 `base64` 文本
+- `url-loader` 使用会被编译成 `base64` 文本， 设置 `limit` 大小进行打包以后生产对应的文件夹
 ```javascript
   module: {
     rules: [
       {
         test: /\.(png|jpg|gif)$/i,
         use: [
           {
-            loader: 'url-loader'
+            loader: 'url-loader',
+            options: {
+              limit: 2048    // 设置一定大小值编译以后可以编译成对应的文件
+            }
           } 
         ] 
       }

webpack.config.js

@@ -15,10 +15,11 @@ const config = {
       {
         test: /\.(png|jpe?g|gif)$/i,
         use: {
-          loader: 'file-loader',
+          loader: 'url-loader',
           options: {
             name: '[name].[hash:8].[ext]',
-            outputPath: 'images'   // 配置打包以后文件别名
+            outputPath: 'images',   // 配置打包以后文件别名
+            limit: 2048
           }
         }
       }