Изображения Rails Webpacker не загружаются, если они не определены вручную при импорте

Question

Я работаю с @ rails / webpacker 3 в приложении Rails 5.1.Я пытался выяснить, есть ли способ не определять импорт каждого отдельного изображения в соответствующих файлах pack / *. Js.

У меня есть настройки конфигурации по умолчанию для веб-упаковщика и файл изображения, сохраненный в этом месте.

 <app_root>/app/javascript/images/image.png

На мой взгляд, у меня установлен элемент изображения

#<app_root>/app/views/layouts/application.html.erb
...
<img src="<%asset_pack_path 'images/image.png%>"> 
...

изображение не будет загружаться, пока я не импортирую его в файлы пакета, которые я делаю здесь:

#<app_root>/app/javascript/packs/application.js
import 'images/image.png'

Кажется, что я выполняю дополнительную ненужную работу, чтобы отобразить изображение в представлении приложения.Я предполагаю, что метод asset_pack_path и webpacker будут выполнять этот импорт изображений, так как кажется, что его дважды нужно определить, это дублирующий код.

Я что-то упустил или это намерение проекта о том, как загружать изображения, используяпачка и рельсы?

Answer 1

ОБНОВЛЕНИЕ Мой оригинальный ответ перестал работать.Вот действующий в настоящее время способ.См. Также мой комментарий на https://github.com/rails/webpacker/issues/705

, добавьте это к app/javascripot/packs/app.js (или к любому из ваших пакетов):

// Images
require.context('../images/static', true)

, затем используйте их в своем представлении Rails, например, вapp/views/layouts/application.html.erb:

<img src="<%= asset_pack_path 'media/user.jpg' %>" />

или

<%= image_pack_tag 'media/user.jpg %>

Запишите префикс media/ и сбросьте исходный префикс подпапки.

Answer 2

Похоже, добавив это к моему отработанному javascript.

#<app_root>/app/javascript/application.js
const images = require.context('../images/', true)

Руководство было в вопросе, на который я был направлен другими - https://github.com/rails/webpacker/issues/705