質問編集履歴
1
文法の修正
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Chrome
|
|
1
|
+
Chromeの開発者ツールでscssファイルが表示されない
|
test
CHANGED
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
**環境
|
|
1
|
+
**環境環境**
|
|
2
2
|
|
|
3
3
|
Mac High Sierra 10.13.6
|
|
4
4
|
|
|
5
|
-
Visual Studio Code
|
|
5
|
+
Visual Studio Code
|
|
6
6
|
|
|
7
|
-
Google Chrome
|
|
7
|
+
Google Chrome ver74
|
|
8
|
+
|
|
9
|
+
node
|
|
8
10
|
|
|
9
11
|
Firebase Hostingのプロジェクトディレクトリ内に以下のように配置
|
|
10
12
|
|
|
@@ -42,22 +44,20 @@
|
|
|
42
44
|
|
|
43
45
|
|
|
44
46
|
|
|
45
|
-
|
|
47
|
+
当方デザイナーでフロントエンドエンジニアからデータを納品してもらったのですが、
|
|
46
|
-
|
|
47
|
-
[https://www.youtube.com/watch?time_continue=17&v=l4yypTBvs2k](https://www.youtube.com/watch?time_continue=17&v=l4yypTBvs2k)
|
|
48
48
|
|
|
49
49
|
|
|
50
50
|
|
|
51
|
+
chromeでsassファイルを表示させるにはソースマップの出力が必要だと思うのですが、ソースマップの出力方法がわかりません。
|
|
51
52
|
|
|
53
|
+
おそらくpackage.jsonに記載してあったnode-sass-chokidarで--source-mapを追記するのだと思うのですが、ここからChromeとどう連携を取れば良いのかわかりません。
|
|
52
54
|
|
|
53
|
-
googlで「chrome sass表示」などで検索し以下のサイトの設定をためしてみましたが、Dev toolで変わらずCSSファイルが表示されている状態です。
|
|
54
|
-
|
|
55
|
-
|
|
55
|
+
https://www.npmjs.com/package/node-sass-chokidar
|
|
56
56
|
|
|
57
57
|
|
|
58
58
|
|
|
59
|
+
すでにChrome側の設定で「Enable CSS source maps」をオンにして**デバッグモードでテスト環境もオン**にしている状態です。
|
|
59
60
|
|
|
60
61
|
|
|
61
|
-
おわかりになる方、ご教授いただけますでしょうか？
|
|
62
62
|
|
|
63
|
-
|
|
63
|
+
どなたかおわかりになる方いらっしゃいましたら、ご教授下さい。
|