javascript - 如何为 webpack2 正确使用 inline-svg-loader？

Question

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

并且经过检查，它看起来像模块在 img 的 src 属性中内联了 svg：

我怎样才能让这个加载器正确地内联我的 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'
        })
    ]
};