Load icons from external SVG

1 files changed, 15 insertions, 4 deletions

diff --git a/webpack.config.js b/webpack.config.js
index cbce03f3..5ecc5eb5 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -25,8 +25,8 @@ module.exports = (env, argv) => {
                 'whatwg-fetch',
                 __dirname + '/src/main/assets/scripts.js',
                 __dirname + '/src/main/assets/style.css',
-                require.resolve('evil-icons/assets/evil-icons.css'),
-                require.resolve('evil-icons/assets/evil-icons.js')
+                require.resolve('evil-icons/assets/sprite.svg'),
+                require.resolve('evil-icons/assets/evil-icons.css')
             ]
         },
         output: {
@@ -54,8 +54,19 @@ module.exports = (env, argv) => {
                         }
                     ]
                 },
-                { test: /\.png$/, loader: 'url-loader' },
-                { test: /\.svg$/, loader: 'url-loader' }
+                {
+                    test: /\.(jpe?g|png|gif)$/i,
+                    loaders: [
+                        'url-loader'
+                    ]
+                },
+                {
+                    test: /\.(svg)$/i,
+                    loader: 'file-loader',
+                    options: {
+                        name: '[name].[ext]',
+                    },
+                }
             ]
         },
         plugins: [