Webpack resolve svg
<p>Installed in node:</p>

<pre><code>npm install svg-url-loader --save
</code></pre>

<p>I have added to the webpack.config.js:</p>

<pre><code>module: {
    loaders: [
        { test: /\.css$/, loader: "style-loader!css-loader" },
        {test: /\.svg/, loader: 'svg-url-loader'},
    ]
}
</code></pre>

<p>To the Page.jsx:</p>

<pre><code>require("svg-url!C:/../WebApp/main_page_assets/02_general_alerts_icons.svg");
require("C:/../WebApp/css/dashboard/dashboard.css");
</code></pre>

<p>And in my css:</p>

<pre><code>.test {
    background: url('../../main_page_assets/02_general_alerts_icons.svg');
    background-repeat: no-repeat;
}
</code></pre>

<p>And I receive:</p>

<pre><code>ERROR in ./~/css-loader!../css/dashboard/dashboard.css
Module not found: Error: Cannot resolve module 'svg-url-loader' in C:\..\W
bApp\css\dashboard
 @ ./~/css-loader!../css/dashboard/dashboard.css 6:74-135
</code></pre>

<p>What can be the reason? Paths issues? i have been playing with the paths back and forth and cant make it work</p>