Chrome中的Sass源地圖無法正常工作。 Flummoxed

我遵循了我可以找到的獲取Sass源地圖在Chrome中工作的所有方向 - 而且我仍然以某種方式失敗。我無法說出 - 怎麼可能？Chrome中的Sass源地圖無法正常工作。 Flummoxed

隨着薩斯3.3.0.alpha.198（我告訴）的「出血邊緣」，我成功地生成了一個源代碼文件（test.css.map），該文件與我編譯的CSS一起站點;並在該編譯的CSS的底部是行：/*# sourceMappingURL=test.css.map */。所以這一步似乎進展順利。

在Chrome Canary版，我已經去了chrome://flags並啓用開發者工具實驗。我已重新啓動。在我的檢查器設置中，在常規選項卡中，我已選中「啓用源映射」;在「實驗」選項卡中，我已選中「Sass樣式表調試」。

畢竟上面，當我檢查的元素（在本地HTML文件訪問編譯CSS）我仍然給出了相同的老CSS行號，鏈接到老編譯CSS文件。沒有指示源圖支持。這不是教程所說的應該發生的事情。我試過這種穩定的Chrome瀏覽器 - 是否應該穩定工作？ - 通過啓用開發者工具實驗並選中「啓用源地圖」和「支持Sass」框，在那裏沒有運氣，無論是。）

有人可以告訴我，我缺少的是什麼？

來源

2013-07-16 davidtheclark

你正在從文件中加載你的頁面：// URL？這不會出於安全原因 - 在本地主機上使用任何http服務器。

此外，更新您的金絲雀是一個好主意; CSS源地圖已經從實驗畢業。您應該在常規設置中選中「啓用CSS源圖」。

來源

2013-07-16 22:09:05

謝謝 - 我是缺少知識是我不能使用本地靜態文件sourcemaps，他們不得不通過HTTP送達。現在工作。 – davidtheclark

如果任何人在這裏結束了，使用光源分佈在Chrome社科院，您需要使用--sourcemap標誌首先生成他們！

sass --watch --sourcemap --debug-in sass/screen.scss:screen.css

來源

2013-10-25 16:51:43

對此答案的更新：不帶參數的'--sourcemap'標誌**已被正式棄用。您必須提供一種SASS將生成的源代碼類型，即auto，file，inline或none。從命令行幫助： --sourcemap = TYPE如何生成的輸出鏈接到源文件。自動（默認）：相對路徑如果可能的話，文件的URI別處文件：總是絕對文件的URI 在線：包括在sourcemap 沒有原文：沒有sourcemaps – Pierce

Chrome中的Sass源地圖無法正常工作。 Flummoxed

回答

相關問題