與網絡裝盒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'}