Javascript 网页包解析svg

安装在节点中：

npm install svg-url-loader --save

我在webpack.config.js中添加了：

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

到Page.jsx：

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

在我的css中：

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

我收到：

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

---

原因可能是什么？路径问题？我一直在来回玩路径，无法使其工作

修复，资产（css、SVG）需要在src文件夹中是的。还有FWIW，如果您只在CSS文件中使用它，我认为不需要在SVG中要求Page.jsx。如果您在Page.jsx中以图像标记或内联样式使用它，您只需要直接要求它。为了子孙后代，为了完成问题的生命周期，您应该回答并接受您自己的答案。@g您对svg的要求是正确的，是的，我将以位固定的方式回答并接受，资产（css、SVG）需要在src文件夹中是。还有FWIW，如果您只在CSS文件中使用它，我认为不需要在SVG中要求Page.jsx。如果您在Page.jsx中以图像标记或内联样式使用它，您只需要直接要求它。为了子孙后代，为了完成您问题的生命周期，您应该回答并接受您自己的答案。@g您对svg的要求是正确的，是的，我将在稍后回答并接受