refactor(webpack): seperate builds of img files

webpack/webpack.common.js

@@ -45,26 +45,7 @@ module.exports = {
           { loader: 'html-loader' }
         ]
       },
-      {
+      
-        test: /\.(woff|woff2|eot|ttf|svg|)$/,
-        use: [
-          {
-            loader: 'url-loader',
-            options: { limit: 25000 }
-          }
-        ]
-      },
-      {
-        test: /\.(ico|png|jpg|gif)$/,
-        use: [
-          {
-            loader: 'url-loader',
-            options: {
-              limit: 25000
-            }
-          }
-        ]
-      },
       {
         test: /.xml$/,
         use: 'file-loader'

webpack/webpack.develop.js

@@ -4,6 +4,19 @@ const commonConfig = require('./webpack.common.js');
 
 module.exports = webpackMerge(commonConfig, {
   mode: 'development',
+  module: {
+    rules: [
+      {
+        test: /\.(woff|woff2|eot|ttf|svg|ico|png|jpg|gif)$/,
+        use: [
+          {
+            loader: 'file-loader',
+            // options: { limit: 25000 }
+          }
+        ]
+      }
+    ]
+  },
   devServer: {
     contentBase: path.join(__dirname, '.tmp'),
     compress: true,

webpack/webpack.production.js

@@ -2,5 +2,18 @@ const webpackMerge = require('webpack-merge');
 const commonConfig = require('./webpack.common.js');
 
 module.exports = webpackMerge(commonConfig, {
-  mode: 'production'
+  mode: 'production',
+  module: {
+    rules: [
+      {
+        test: /\.(woff|woff2|eot|ttf|svg|ico|png|jpg|gif)$/,
+        use: [
+          {
+            loader: 'url-loader',
+            options: { limit: 25000 }
+          }
+        ]
+      },
+    ]
+  }
 });