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

Question

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

<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

有谁之前经历过这个吗？ 互联网似乎没有什么建议。

TA！

Answer 1

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

所以例如;

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

然后让我使用asset_pack_path引用它

如果有人能告诉我一个更好的方式，我真的很感激它。