在 Rails 5.1 中使用 Webpacker 并加载图片资源

Question

所以我已将我的 Rails 应用程序迁移到 Webpack，但我在加载图像资源时遇到了问题。在 Webpacker documentation 中，它声明我可以使用以下内容加载我的资产：

<img src="<%= asset_pack_path 'images/logo.svg' %>" />

但是当我运行rails webpacker:compile时，这似乎没有被编译下来

我的文件夹结构是这样的

app/javascript:
  ├── packs:
  │   # only webpack entry files here
  │   └── application.js
  └── src:
  │   └── application.css
  └── images:
      └── logo.svg

而我的webpacker.yml 包含：

default: &default
  source_path: app/javascript
  source_entry_path: packs
  public_output_path: packs
  cache_path: tmp/cache/webpacker

我不擅长这个新的 Webpack 东西，但我认为它与我的 webpacker.yml 有关系

以前有人经历过吗？网上似乎没有什么建议。

塔！

Answer 1

我想我可以通过从我的application.js 中手动导入图像来解决这个问题

例如;

# /app/javascript/packs/application.js
import '../images/logo.svg';

然后让我使用asset_pack_path 引用这个

如果有人能告诉我更好的方法，我将不胜感激。