質問編集履歴
8
質問内容の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -59,17 +59,22 @@
|
|
|
59
59
|
|
|
60
60
|
追記：
|
|
61
61
|
|
|
62
|
-
https://qiita.com/Kumassy/items/1fd8c0c12cf054e4c4dc
|
|
62
|
+
[Rails4のProduction環境でのAsset Pipelineで躓いたので検証した](https://qiita.com/Kumassy/items/1fd8c0c12cf054e4c4dc)
|
|
63
63
|
|
|
64
64
|
根本的な原因はこれと同じ現象な気がします
|
|
65
|
+
|
|
65
66
|
JS から画像エラーが出る理由は謎のままですが
|
|
66
67
|
CSS の url('images/spritesheet.png') が原因であるとすると
|
|
68
|
+
|
|
67
69
|
assets 内から require してしまうと assets/application.css に統合されて
|
|
68
|
-
images/* をよぶので assets/images/* を参照にいってしまう
|
|
70
|
+
その中で images/* をよぶので assets/images/* を参照にいってしまう
|
|
71
|
+
|
|
69
|
-
public/assets/ はデプロイ時に消去されるので前持っておくこともできない
|
|
72
|
+
public/assets/ はデプロイ時に消去されるので前持っておいておくこともできない
|
|
73
|
+
|
|
70
74
|
プリコンパイルに画像ファイルをまぜてもサフィックスが付いて名前が変わってしまう
|
|
71
75
|
|
|
76
|
+
なのでそのサイトのように public 直下の絶対パスに書き換えるか
|
|
72
|
-
|
|
77
|
+
サフィックスのつかないプリコンパイラをいれるしかない？
|
|
73
78
|
|
|
74
79
|
Rails ガイドが推奨してる
|
|
75
80
|
「外部ライブラリは vendor/assets におく」
|
7
質問内容の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -72,4 +72,5 @@
|
|
|
72
72
|
なのでそのサイトのように絶対パスに書き換えるかサフィックスのつかないプリコンパイラをいれるしかない？
|
|
73
73
|
|
|
74
74
|
Rails ガイドが推奨してる
|
|
75
|
-
「外部ライブラリは vendor/assets におく
|
|
75
|
+
「外部ライブラリは vendor/assets におく」
|
|
76
|
+
というのがそもそもよくないんでしょうか…
|
6
質問内容の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -62,7 +62,14 @@
|
|
|
62
62
|
https://qiita.com/Kumassy/items/1fd8c0c12cf054e4c4dc
|
|
63
63
|
|
|
64
64
|
根本的な原因はこれと同じ現象な気がします
|
|
65
|
-
|
|
65
|
+
JS から画像エラーが出る理由は謎のままですが
|
|
66
|
+
CSS の url('images/spritesheet.png') が原因であるとすると
|
|
67
|
+
assets 内から require してしまうと assets/application.css に統合されて
|
|
68
|
+
images/* をよぶので assets/images/* を参照にいってしまう
|
|
69
|
+
public/assets/ はデプロイ時に消去されるので前持っておくこともできないし
|
|
70
|
+
プリコンパイルに画像ファイルをまぜてもサフィックスが付いて名前が変わってしまう
|
|
66
71
|
|
|
72
|
+
なのでそのサイトのように絶対パスに書き換えるかサフィックスのつかないプリコンパイラをいれるしかない？
|
|
73
|
+
|
|
67
|
-
Rails ガイドが推奨してる
|
|
74
|
+
Rails ガイドが推奨してる
|
|
68
|
-
vendor/assets におくというのがそもそもよくないんでしょうか…
|
|
75
|
+
「外部ライブラリは vendor/assets におくというのがそもそもよくないんでしょうか…
|
5
質問内容の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -20,6 +20,45 @@
|
|
|
20
20
|
|
|
21
21
|
追記：
|
|
22
22
|
|
|
23
|
+
vendor/assets/leaflet/ 以下に leaflet 関連の JS CSS を配置
|
|
24
|
+
```
|
|
25
|
+
MarkerCluster.Default.css leaflet-search.js leaflet-src.esm.js leaflet.draw.css leaflet.markercluster.js
|
|
26
|
+
MarkerCluster.css leaflet-search.min.css leaflet-src.esm.js.map leaflet.draw.js leaflet.markercluster.js.map
|
|
27
|
+
easy-button.css leaflet-search.min.js leaflet-src.js leaflet.js
|
|
28
|
+
easy-button.js leaflet-search.mobile.min.css leaflet-src.js.map leaflet.js.map
|
|
29
|
+
images leaflet-search.mobile.src.css leaflet.css leaflet.markercluster-src.js
|
|
30
|
+
leaflet-search.css leaflet-search.src.css leaflet.draw-src.css leaflet.markercluster-src.js.map
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
vendor/assets/leaflet/images/ に png svg 等を配置
|
|
34
|
+
```
|
|
35
|
+
layers-2x.png layers.png marker-icon-2x.png marker-icon.png marker-shadow.png spritesheet-2x.png spritesheet.png spritesheet.svg
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
app/assets/javascripts/application.js で
|
|
39
|
+
```
|
|
40
|
+
//= require leaflet
|
|
41
|
+
//= require easy-button
|
|
42
|
+
//= require leaflet.draw
|
|
43
|
+
//= require leaflet.markercluster-src
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
app/assets/stylesheets/application.css で
|
|
47
|
+
```
|
|
48
|
+
//= require leaflet
|
|
49
|
+
//= require leaflet.draw
|
|
50
|
+
//= require leaflet-search
|
|
51
|
+
//= require easy-button
|
|
52
|
+
//= require MarkerCluster.Default
|
|
53
|
+
//= require MarkerCluster
|
|
54
|
+
```
|
|
55
|
+
|
|
56
|
+
leaflet のバージョンは最新の 1.3.4
|
|
57
|
+
ほかライブラリも 11 月初旬の時点で最新のもの
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
追記：
|
|
61
|
+
|
|
23
62
|
https://qiita.com/Kumassy/items/1fd8c0c12cf054e4c4dc
|
|
24
63
|
|
|
25
64
|
根本的な原因はこれと同じ現象な気がします
|
4
質問内容の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -22,7 +22,8 @@
|
|
|
22
22
|
|
|
23
23
|
https://qiita.com/Kumassy/items/1fd8c0c12cf054e4c4dc
|
|
24
24
|
|
|
25
|
-
これと同じ現象な気がします
|
|
25
|
+
根本的な原因はこれと同じ現象な気がします
|
|
26
|
+
ただパスをかきかえようにも参照してる場所がわからない…
|
|
26
27
|
|
|
27
28
|
Rails ガイドが推奨してる外部ライブラリは
|
|
28
29
|
vendor/assets におくというのがそもそもよくないんでしょうか…
|
3
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -15,4 +15,14 @@
|
|
|
15
15
|
JSから参照エラーが出る理由がわからなくて困っています
|
|
16
16
|
|
|
17
17
|
Production 環境でしか発生しないためミニマイズされたソースを読み解くのも大変で
|
|
18
|
-
ミニマイズされているソースのどの箇所が画像を参照しているか調べる方法はないでしょうか
|
|
18
|
+
ミニマイズされているソースのどの箇所が画像を参照しているか調べる方法はないでしょうか
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
追記：
|
|
22
|
+
|
|
23
|
+
https://qiita.com/Kumassy/items/1fd8c0c12cf054e4c4dc
|
|
24
|
+
|
|
25
|
+
これと同じ現象な気がします
|
|
26
|
+
|
|
27
|
+
Rails ガイドが推奨してる外部ライブラリは
|
|
28
|
+
vendor/assets におくというのがそもそもよくないんでしょうか…
|
2
質問内容の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -9,8 +9,9 @@
|
|
|
9
9
|
|
|
10
10
|
プリコンパイルされている
|
|
11
11
|
application-515d418457adc5a498c8d8ab9bc49944aef2885fab515db513ae693edef64790.js
|
|
12
|
-
中を文字列検索しても
|
|
12
|
+
中を文字列検索しても spritesheet.svg はヒットせず
|
|
13
|
-
リポジトリ内の
|
|
13
|
+
リポジトリ内の spritesheet.svg という文字列で検索しても CSS しかヒットしません
|
|
14
|
+
CSS 内ではすべて url('images/spritesheet.png'); という形式でヒットします
|
|
14
15
|
JSから参照エラーが出る理由がわからなくて困っています
|
|
15
16
|
|
|
16
17
|
Production 環境でしか発生しないためミニマイズされたソースを読み解くのも大変で
|
1
質問内容の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -14,4 +14,4 @@
|
|
|
14
14
|
JSから参照エラーが出る理由がわからなくて困っています
|
|
15
15
|
|
|
16
16
|
Production 環境でしか発生しないためミニマイズされたソースを読み解くのも大変で
|
|
17
|
-
ミニマイズされているソースのどの箇所が参照しているか調べる方法はないでしょうか
|
|
17
|
+
ミニマイズされているソースのどの箇所が画像を参照しているか調べる方法はないでしょうか
|