与网络装盒SVG资产

Question

我有以下weback装载机：

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

我储存我在A/RES /文件夹的所有svgs，但是当我建立我的项目，我不能访问我的资源：

​​

我的装载机有什么问题？

Answer 1

没有更多的细节，至于HTML的片段实际在哪里使用，或者您的webpack配置的其余部分是如何设置的，我最好的猜测是您需要真正需要.svg文件，以便webpack能够处理它。

var svgImage = require('./img.svg'); 
/// svgImage can now be used in a template 

当的WebPack运行你的文件通过你已经安装了各种装载机将创建一个名为的哈希一个新的文件：img.svg -> {someHash}.svg

你可以在你的WebPack配置覆盖。

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