前提・実現したいこと
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}
先輩方教えていただけないでしょうか?
宜しくお願いします。
あなたの回答
tips
プレビュー