在 Rails 6 中 Webpacker 的帮助 image_pack_tag 使用（添加）图像到 html答案

【问题标题】：using(adding) images to html with help image_pack_tag by Webpacker in Rails 6在 Rails 6 中 Webpacker 的帮助 image_pack_tag 使用（添加）图像到 html
【发布时间】：2019-11-14 12:16:52
【问题描述】：

我在将图片添加到网页时遇到问题我尝试使用 Webpack 所以我在 application.js 中下载图片

const images = require.context('./assets/images/', true)
const imagePath = (name) => images(name, true)

之后我尝试在 html.erb 中实现它们

          <div class="modal-body"
          <%= image_pack_tag 'calibration.png' %>
          </div>

所以，我有这个错误我做错了什么？我需要做什么？

【问题讨论】：

标签： ruby-on-rails webpack webpack-4 ruby-on-rails-6

【解决方案1】：

问题解决了。我的错误是我指定了错误的路径；正确的变体是：

const images = require.context('../../assets/images', true)

然后，将图像放入 public/packs/media/images/ 因此您可以通过两种方式在 HTML 中实现它：

<%= image_pack_tag 'media/images/name_of_image.png' %>
<img src="<%= asset_pack_path 'media/images/name_of_image.png' %>" width="100%" height="100%" alt=" demo instructions"></img>

【讨论】：