Css 对于使用WebEssentials 2013（2.5.3）的ASP.NETMVC项目，如何配置较少的源代码映射以与Chrome一起工作？

在Visual Studio 2013中的

Tools>Options>Web Essentials>Less

下设置了以下内容：

查看Visual Studio 2013中Web Essentials 2013提供的带有并排视图的

.less

文件，编译版本的底部有一个源地图链接：

但是，当运行解决方案并加载Chrome时，我看到的只是

.less

文件的编译版本：

Chrome开发者工具设置是否正确：

所以不要认为这是问题所在。根据，在选择元素后单击行号时的预期结果是看到未编译的

.less

，如下所示：

---

这可能是一个捆绑问题吗？我也调查过了，但运气不好

也许您应该在WebEssential扩展中启用BrowserLink功能。在我的工作区中，此设置位于“启动调试”按钮和“配置管理器”之间的标准栏中

---

也许您应该在WebEssential扩展中启用BrowserLink功能。在我的工作区中，此设置位于“启动调试”按钮和“配置管理器”之间的标准栏中

---

我遇到了与您类似的问题，以下是我发现的问题，包括解决方法：

Web Essentials 2013（WE2013）生成一个文件名格式为$filename$.map的映射文件。因此，如果您的文件名为global.less，WE2013将生成一个global.css.map文件

Chrome开发工具会在生成的css文件末尾查找引用映射文件的注释。例如：/*#sourceMappingURL=global.css.map*/

不幸的是，Chrome开发工具阻塞了一个映射文件，该文件包含与生成的css文件相同的名称（在本例中为global.css）。如果手动将映射文件名从global.css.map更改为global.less.map，则此操作非常有效。您必须记住将生成的global.css文件中的注释行修改为/*#sourceMappingURL=global.less.map*/

这显然不是在chrome开发工具中解决less文件问题的理想工作流程，但我希望WE2013的工作人员会推出一个补丁，允许用户指定映射文件名，或者自动生成一个文件名为filename.less.map的文件。在这之前，如果你仍然投资于WE2013，那么你可以使用上面的解决方法来解决这个问题

---

我有一个与您类似的问题，以下是我发现的问题，包括解决方法：

Web Essentials 2013（WE2013）生成一个文件名格式为$filename$.map的映射文件。因此，如果您的文件名为global.less，WE2013将生成一个global.css.map文件

Chrome开发工具会在生成的css文件末尾查找引用映射文件的注释。例如：/*#sourceMappingURL=global.css.map*/

不幸的是，Chrome开发工具阻塞了一个映射文件，该文件包含与生成的css文件相同的名称（在本例中为global.css）。如果手动将映射文件名从global.css.map更改为global.less.map，则此操作非常有效。您必须记住将生成的global.css文件中的注释行修改为/*#sourceMappingURL=global.less.map*/

这显然不是在chrome开发工具中解决less文件问题的理想工作流程，但我希望WE2013的工作人员会推出一个补丁，允许用户指定映射文件名，或者自动生成一个文件名为filename.less.map的文件。在这之前，如果你仍然投资于WE2013，那么你可以使用上面的解决方法来解决这个问题

---

我仍然无法使“样式”选项卡显示.scss样式。Only.css：（我仍然无法让我的样式选项卡显示.scss样式。Only.css:(