Как подключать стили, что бы во время сборки webpack их видел?

<img className="todo__button" src={require('../resources/edit.svg')} alt="edit this todo" onClick={dispatchEditTodo}/>

<img class="todo__button" src="[object Module]" alt="edit this todo">

{
                test: /\.svg$/i,
                resourceQuery: /external/,
                loader: 'file-loader',
                exclude: /node_modules/
            },
            {
                test: /\.svg$/i,
                loader: 'raw-loader',
                exclude: /node_modules/
            },
            {
                test: /\.(svg)$/i,
                loader: 'file-loader',
                options: Object.assign({
                    mimetype: 'image/svg+xml'
                }, {
                    name: isDevelopment() ? '[name].[ext]' : '[name].[hash:8].[ext]'
                }),
                include: /node_modules/
            }

<img class="todo__button" src="&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;&#13;&#10;&lt;!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --&gt;&#13;&#10;&lt;!DOCTYPE svg PUBLIC ... 1,1v13C20,27.559,20.447,28.006,21,28.006z M21,14.005h2v13h-2V14.005z&quot;/&gt;&#13;&#10;&lt;/g&gt;&#13;&#10;&lt;/svg&gt;&#13;&#10;" alt="delete this todo">