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

有关

以前有没有人经历过这个？互联网上似乎没有什么建议。

的Ta！

Answer 1

我想我可以通过手动导入application.js

中的图片来解决这个问题

所以例如;

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

然后让我使用asset_pack_path

来引用它

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

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

1 个答案: