質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.46%
Ruby on Rails 6

Ruby on Rails 6は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Q&A

0回答

656閲覧

【webpacker】manifest.json(特に画像)について教えて下さい

pecchan

総合スコア587

Ruby on Rails 6

Ruby on Rails 6は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

0グッド

0クリップ

投稿2021/01/11 03:29

前提・実現したいこと

rails6とwebpack初めての者です。

webpackerにより?manifest.jsonが生成されますが、
画像のリソース名はどういうルールで生成されるのでしょうか?

※↓で言う所の左側の部分です

json

1"media/images/logo-l.png": "/packs/media/images/logo-l-0f48e9f6da7fbeea13e97e79b50cd6d9.png", 2

現在、ディレクトリ付きで生成されるためerbから扱い辛く、
できれば、↓のようにディレクトリ含まない形で生成できないか?
そもそもなんでディレクトリ付きで生成されるのか?
この辺りが分かりません。

json

1"logo-l.png": "/packs/media/images/logo-l-0f48e9f6da7fbeea13e97e79b50cd6d9.png",

該当のソースコード

エントリポイントと画像の置き場所は、公式ドキュメントの基本通りで特殊な事はしてません。

app\javascript\packs\application.js

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

画像の置き場所
app\javascript\images\ここに配置

public\packs\manifest.json

json

1{ 2 "application.js": "/packs/js/application-5fc96ce072c2a0c14da2.js", 3 "application.js.map": "/packs/js/application-5fc96ce072c2a0c14da2.js.map", 4 "entrypoints": { 5 "application": { 6 "js": [ 7 "/packs/js/application-5fc96ce072c2a0c14da2.js" 8 ], 9 "js.map": [ 10 "/packs/js/application-5fc96ce072c2a0c14da2.js.map" 11 ] 12 } 13 }, 14 "media/images/logo-l.png": "/packs/media/images/logo-l-0f48e9f6da7fbeea13e97e79b50cd6d9.png", 15 "media/images/logo-o.png": "/packs/media/images/logo-o-1195f84ec7de031be34e90f915d9f992.png", 16 "media/images/logo-s.png": "/packs/media/images/logo-s-9f7a9c15eda1006f30f497cb942eba38.png", 17 "media/images/no_avatar.jpg": "/packs/media/images/no_avatar-fd16b7ddf608e256690d543c18e36bc7.jpg", 18 "media/images/star-half.png": "/packs/media/images/star-half-1fe4cd87f1f323a45548609343c1aa1a.png", 19 "media/images/star-off.png": "/packs/media/images/star-off-6fdc47c656615e30acffa5d6b991bfc2.png", 20 "media/images/star-on.png": "/packs/media/images/star-on-533b6fe98e1c2305a6688f51ebf69e3d.png" 21}

先輩方教えていただけないでしょうか?
宜しくお願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.46%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問