如何从 Rails 中的 npm 包加载 svg？答案

【问题标题】：How to load an svg from an npm package in rails?如何从 Rails 中的 npm 包加载 svg？
【发布时间】：2020-10-01 14:25:01
【问题描述】：

在我们公司，我们有一个共享的 npm 包，其中包含我们在应用程序之间共享的图像（主要是 SVG），以便能够在需要时更轻松地更新它们并保持它们的一致性。

我正在尝试在我们的 rails 应用程序中使用这样的图像（更具体地说是在 ERB 模板中），这对我来说听起来很简单，但我无法让它工作。我在网上对此进行了很多研究，只能找到有关 SCSS/JS 中图像的文章......但没有找到如何将其加载为普通图像。

有人能给我指点文档或举一个简单的例子来说明如何做到这一点吗？我们同时使用 sprockets 和 webpacker，并且仍然使用 Rails 5.1（我知道我们需要更新...）

【问题讨论】：

【解决方案1】：

npm 包安装到<rails root>/node_modules，所以没有什么能阻止你这样做：

# config/initializers/assets.rb:

Rails.application.configure do
  # ...
  config.assets.paths << Rails.root.join('node_modules')
  # ...
end

（或者只是你的单个包的路径）

然后像使用常规链轮 your_package/some_file.svg 一样使用这些（可能还需要添加到清单/预编译文件），文件路径将取决于您的包结构。

【讨论】：