带有Webpacker的SVG

Question

有没有办法通过Webpacker将SVG文件内联到我的HTML中？

我知道我可以做<img src="<%= asset_pack_path 'media/svg/icon.svg' %>" />，但这会输出一个引用SVG的图像标记。我希望SVG实际上在代码中，这样我就可以用我的样式设置它的样式。

尼尔

Answer 1

在rails中构建了一个简单的helper来为我加载svg。

1.将以下内容添加到您的helpers文件夹：

helpers/svg_helper.svg

module SvgHelper
  def show_svg(path)
    File.open("app/assets/images/#{path}", "rb") do |file|
      raw file.read
    end
  end
end

在我的例子中，我将svgs放在image文件夹下，但您可以将其放在资源中的任何位置。

2.然后在视图中调用它。

<%= show_svg('icons/icon-menu.svg') %>

希望这能有所帮助！