WebEssentials LESS CSS地图文件无法正常工作
使用WAMP服务器进行Web开发时，使用本地较少的代码处理由Visual Studio Web Essentials生成的较少地图文件时遇到问题。 每当我将更改保存到less文件时，相应的css，css.map和min.css文件就会按预期生成，但Chrome和Firefox开发工具无法识别它们。 它们没有像预期的那样映射到较少的源文件，只显示"style.css:123"行号而不是"source.less:45" 。 有人有一些问题吗？ 我尝试了以下几点： - 确保chrome设置：“启用CSS源图和自动重新载入生成的CSS”：两者都被选中。 - 将文件夹添加到Chrome工作区 - 尝试Web Essential LESS选项中的不同设置。 - 确保生成的style.css以下列行结束：/ *＃sourceMappingURL = style.css.map * /
我在这里错过了什么？ 任何线索？ 我很确定直接映射到较少的源文件是在几秒前工作，因为这是我选择使用较少的关键功能之一？
我遇到了同样的问题，经过4个小时的试用和挫折，我才解决了这个问题。
由Web Essentials（2013 2.6）生成的文件以“UTF-8 with BOM”进行编码，而源地图文件应为“无BOM的UTF-8” （“ANSI”也适用）。 我猜想，添加的小字节序列会导致对源映射文件的误解，或者导致它不是Chrome / FF分析器的有效JSON（但这也仅仅是一种猜测）。
如果您将源映射文件的编码更改为没有BOM的UTF-8，则开发工具应按预期工作。
不幸的是，Web Essentials似乎不允许选择文件编码，并且它与起始文件的编码无关（因此，如果编译的文件编码较少，以“UTF-8，无BOM”或“ANSI”编码），它仍然生成UTF-8编码文件）。
我们目前正在研究解决方法，否则我们将放弃网络必备工具并转向其他工具。
让我知道这是否有用（我知道这很晚但仍然...）。
链接地址: http://www.djcxy.com/p/66993.html