Javascript 如何正确使用webpack2的内联svg加载程序？

我在我的模块中设置了它，它构建时没有错误，但是，我的svg最终看起来是这样的：

检查后，模块似乎将svg内联到img的src属性中：

如何使此加载程序正确地内联svg

我的webpack.config.js文件如下所示：

module.exports ={
    entry: './template.html',
    output: {
        path: path.resolve(__dirname),
        filename: "index.html",
    },
    module: {
        rules: [
            {
                test: /\.css$/,
                use:[
                    'style-loader',
                    'css-loader',
                    'font-loader?format[]=truetype&format[]=woff&format[]=embedded-opentype'
                ]
            },
            {
                test: /\.html$/,
                use:[
                    'html-loader'
                ]
            },
            {
                test: /\.svg$/,
                loader: 'svg-inline-loader'
            },
            {
                test: /\.(jpg|png)$/,
                use:[
                    {
                        loader: 'file-loader',
                        options: {
                            name: '[name].[ext]',
                        }
                    }
                ]
            }
        ]

    },
    plugins: [
        new htmlWebpackPlugin({
            template: 'template.html'
        })
    ]
}; 

---

我也有同样的问题。你能解决它吗？不，没有运气@Magnus我也有同样的问题。你能解决它吗？不，不走运@Magnus