Javascript 如何从库中导入以显示图标(webpack/jsoneditor)?

Javascript 如何从库中导入以显示图标(webpack/jsoneditor)?,javascript,css,svg,webpack,Javascript,Css,Svg,Webpack,我正在使用带有节点/网页包的库,它运行良好(功能/样式),但按钮的图像未显示 我带着 import JSONEditor from 'jsoneditor'; import 'jsoneditor/dist/jsoneditor.css'; import 'jsoneditor/dist/img/jsoneditor-icons.svg'; 在webpack配置中,我尝试使用svg的文件加载器以及David Bradshaw在本文中建议的内联svg加载器 控制台中也没有错误消息。看起来图标是通

我正在使用带有节点/网页包的库,它运行良好(功能/样式),但按钮的图像未显示

我带着

import JSONEditor from 'jsoneditor';
import 'jsoneditor/dist/jsoneditor.css';
import 'jsoneditor/dist/img/jsoneditor-icons.svg';
在webpack配置中,我尝试使用svg的文件加载器以及David Bradshaw在本文中建议的内联svg加载器

控制台中也没有错误消息。看起来图标是通过css文件加载的。在webpack中使用图标svg文件需要做些什么


任何帮助都将不胜感激

我尝试先使用“svg内联加载程序”,但按钮的图标无法加载

Chrome开发工具显示按钮的样式是
背景:透明url(…)

因此,我将加载程序更改为“url加载程序”,它现在正在工作。 按钮的样式更改为透明url(/dev/assets/jsoneditor icons.svg)

这是我的配置:

{
    test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
    loader: 'url?limit=10000&mimetype=image/svg+xml&name=/assets/[name].[ext]'
}