WebEssentials LESS CSS映射文件不工作

Question

當使用WAMP服務器進行Web開發時，使用本地較少代碼工作時，我的Visual Studio Web Essentials生成的較少映射文件出現問題。 每當我將更改保存到較少的文件時，就會按預期生成相應的css，css.map和min.css文件，但Chrome和Firefox開發工具無法識別它們。 它們沒有按照預期映射到較少的源文件，始終只顯示"style.css:123"行號而不是"source.less:45"。 有沒有人有一些問題？ 我嘗試了以下的事情： - 確保鉻設置：「啓用CSS源地圖&自動重新載入生成的CSS」：都被選中。 - 將文件夾添加到Chrome工作區 - 嘗試WebEssential LESS選項中的不同設置。 - 確保生成的style.css以行結尾： /*＃sourceMappingURL = style.css.map */

我在這裏丟失了什麼？任何線索？我很確定直接映射到較少的源文件在幾秒前工作，因爲這是我選擇使用較少的關鍵功能之一？

Answer 1

我有同樣的問題，我只有4小時後的試驗和挫折的解決它......在「與BOM UTF-8」，而被編碼通過網絡基礎（2013 2.6）產生

的文件源地圖文件應該是「沒有BOM的UTF-8」才能工作（「ANSI」也可以）。我猜想，添加的小字節序列會導致對源映射文件的誤解，或者導致它不是Chrome/FF分析器的有效JSON（但這也僅僅是一種猜測）。

如果您將源映射文件的編碼更改爲沒有BOM的UTF-8，則開發工具應按預期工作。

不幸的是，Web Essentials似乎不允許選擇文件編碼，並且它與起始文件的編碼無關（所以如果編譯的文件編碼較少，以「UTF-8 without BOM」編碼或「 ANSI「它仍然生成UTF-8編碼文件）。

我們目前正在調查解決方法，否則我們會放棄網絡必需品並轉到其他工具。

讓我知道這是否有用（我知道這是晚了，但仍然...）。