如何阻止 Visual Studio 2013 将映射源链接添加到 CSS 文件答案

【问题标题】：how to stop visual studio 2013 from adding mapping source link to css files如何阻止 Visual Studio 2013 将映射源链接添加到 CSS 文件
【发布时间】：2014-07-29 17:37:32
【问题描述】：

我正在使用 Visual Studio 2013。

我正在为我的less/css 文件使用网络必备工具。

当我保存一个 less 文件时，它会在结尾的 css 文件中添加如下一行，例如：

/*# sourceMappingURL=filename.css.map */

如何阻止 vs2013 添加这个？

我去了网络基本选项并禁用了名为：“创建源地图文件”的选项并将其更改为false，它不是创建地图文件，但仍将上面的行添加到css文件中。

【问题讨论】：

第 1 步：卸载 Web Essentials。第 2 步：赢

标签： visual-studio-2013 web-essentials

【解决方案1】：

我也在使用 VS2013。和预处理器 SASS。当我编辑一个 .scss 文件时，该文件已更新为 .css 文件，并且该文件出现 .css.map 被添加到项目中。

原来它欺骗了 WEB-essential 插件。沿着这条路

工具 > 选项 > Web Essentials > SASS > 创建源映射文件 = false

我能够禁用自动创建文件 .css.map 和

在设置中还有一种 LESS 方法：工具 > 选项 > Web Essentials > LESS

【讨论】：

在 VS2015 中，我在安装 Web Essentials 后看不到该选项。

【解决方案2】：

首先从您的代码中删除所有现有映射（查找并删除以 /*# sourceMappingURL= 开头的行）

然后使用 WebEssentials 重新编译 > 重新编译所有 LESS 文件

我遇到了和你一样的问题，就我而言，这解决了问题

【讨论】：

【解决方案3】：

在您的项目中创建一个 (.vscode) 目录。在 .vscode 文件夹中创建一个名为 settings.json 的 json 文件。在 settings.json 中，键入以下键值对。顺便说一句，您将获得智能感知。您可以将“liveSassCompile.settings.generateMap”的键值分配为真或假。我希望这会奏效

{
 "liveSassCompile.settings.formats":[
    {
        "format": "expanded",
        "extensionName": ".css",
        "savePath": "/css"
    },
    {
        "extensionName": ".min.css",
        "format": "compressed",
        "savePath": "/dist/css"
    }
],    
"liveSassCompile.settings.generateMap": false,
"liveSassCompile.settings.autoprefix": [
    "> 1%",
    "last 2 versions"
]
}

【讨论】：