handle .icon.svg through svgo

Author: emvu

packages/react-scripts/config/webpack.config.dev.js

@@ -127,7 +127,8 @@ module.exports = {
           /\.html$/,
           /\.(js|jsx)$/,
           /\.css$/,
-          /\.json$/
+          /\.json$/,
+          /\.icon\.svg/
         ],
         loader: 'url',
         query: {
@@ -172,6 +173,11 @@ module.exports = {
       {
         test: /\.json$/,
         loader: 'json'
+      },
+      { 
+        test: /\.icon\.svg/,
+        exclude: /node_modules/,
+        loader: 'raw!svgo?'+JSON.stringify({plugins: [{minifyStyles: true}]})
       }
     ]
   },

packages/react-scripts/config/webpack.config.prod.js

@@ -133,7 +133,8 @@ module.exports = {
           /\.html$/,
           /\.(js|jsx)$/,
           /\.css$/,
-          /\.json$/
+          /\.json$/,
+          /\.icon\.svg/
         ],
         loader: 'url',
         query: {
@@ -182,6 +183,11 @@ module.exports = {
       {
         test: /\.json$/,
         loader: 'json'
+      },
+      { 
+        test: /\.icon\.svg/,
+        exclude: /node_modules/,
+        loader: 'raw!svgo?'+JSON.stringify({plugins: [{minifyStyles: true}]})
       }
     ]
   },

packages/react-scripts/package.json

@@ -57,10 +57,12 @@
     "path-exists": "2.1.0",
     "postcss-loader": "1.0.0",
     "promise": "7.1.1",
+    "raw-loader": "^0.5.1",
     "react-dev-utils": "^0.3.0",
     "recursive-readdir": "2.1.0",
     "strip-ansi": "3.0.1",
     "style-loader": "0.13.1",
+    "svgo-loader": "^1.1.2",
     "url-loader": "0.5.7",
     "webpack": "1.13.2",
     "webpack-dev-server": "1.16.2",