问题标签 [source-maps]

我刚开始在编码过程中使用 Autoprefixer。我正在使用 grunt-autoprefixer。https://github.com/nDmitry/grunt-autoprefixer

在我的 gruntfile.js

源图被生成。但是，当我在 Chrome 中查看它时，它仍然显示 .css 而不是 .scss？

这里是源图。 https://drive.google.com/folderview?id=0B-PvLw2M9kBZZmRkMk9tekh6QWc&usp=sharing

我在编译后做了一个快速测试，但这当然会破坏源映射行编号。

我在 --help 中找到的最接近的标志是--output_wrapper将字符串（不是文件名）作为参数，这意味着命令将是 quuuuite 长。

如何将文件内容插入到缩小文件的开头并保持源映射正常工作？

我正在开发一个在浏览器中动态加载 javascript 的工具。

我想让用户调试生成的代码，但我也想在调试时隐藏一些生成的行。

生成的源示例：

理想情况下，我希望在 devtools 中调试时隐藏第一行和最后一行。我知道我可以使用源映射，但我想知道是否有一种简单的方法可以在调试器中隐藏某些行，或者是否有一些工具可以为这个简单的用例生成源映射。

我正在从事的项目中遇到以下问题。我们已对其进行了设置，以使源资产（scss 文件等）无法公开访问。我将文件与源映射文件一起编译到可公开访问的目录中。

无论如何允许chrome访问这些源文件以便我可以查看源映射信息？我在当地工作。

我已经使用 Bootstrap 的 less 文件和 gruntjs 设置了一个项目，以便能够在 Chrome 工作区中进行实时编辑。

下面是我的 Gruntfile.js。它会自动将较少的文件编译到所需的 style.css 中，并在我保存更改时创建一个源映射文件。将项目目录添加到工作区后，我还可以从 Chrome 工作区编辑和保存更少的文件。

我遇到的问题是，如果不刷新页面，我无法直接在浏览器中通过 Sublime Text 2 或 Chrome Workspaces 看到我对较少文件的修改的实时重新加载。

我错过了什么？我必须映射文件？什么文件到什么文件？我需要以相同的方式映射多个还是只映射一个文件。

我还添加了一张图片，您可以在其中看到文件树。

仅供参考，还请注意 style.less 导入少引导文件和我的自定义少文件。

更新 如果从 Elements 选项卡编辑，我的 style.less 文件会被 style.css 中的内容覆盖，然后它就可以工作了。我究竟做错了什么 ？

非常感谢您的时间和帮助。

我们正在通过 grunt-contrib-requirejs 使用 uglify2-compressor 为平板电脑提供 Cordova WebApp。我们生成用于调试的源映射，可以通过在 KitKat Android 平板电脑上的远程调试使用 chrome 桌面浏览器完美运行。

现在我们喜欢将客户的错误报告发送到我们的服务器。Android WebView 似乎并不关心我们的源映射。因此我们收到类似“line 1, char 1231231”的错误信息——不是很有帮助......

问题是：是否可以将源地图与 Android（和 iOS）Webview 一起使用，可能使用 Cordova 插件，还是我们必须等待更新（Chrome 和 Firefox 桌面能够解析地图......）和运送取消缩小代码以便我们能够获得发生错误的行号？

该文件CSS夹中包含两个文件扩展名为 .map 的文件。他们是：

它们似乎是缩小的文件，但我不知道它们的用途。

有没有办法为优化框架缩小的脚本生成源映射？

我发现很多资源都在谈论 Web Essetials，但它只会在编译时生成 min 和 map 文件。我需要捆绑的脚本来自不同的来源，所以我不能依赖 vs.net 的功能。

这个问题解决了同样的问题：Reconciling ASP.NET script bundles and source maps

当我加载 AngularJS 应用程序的缩小（通过 UglifyJS）版本时，我在控制台中收到以下错误：

现在，我意识到这是由于变量名修改造成的。未修改的版本工作得很好。但是，我确实想使用变量名修饰，因为它大大减小了我们的 JS 输出文件的大小。

出于这个原因，我们在构建过程中使用了ngmin，但它似乎并没有解决这个问题，尽管它在过去为我们提供了很好的服务。

因此，为了调试这个问题，我在 uglify grunt 任务中启用了源映射。它们生成得很好，Chrome确实从服务器加载了地图。然而，我仍然收到同样无用的错误消息，尽管我的印象是我现在应该看到提供者的原始名称。

如何让 Chrome 使用源映射来告诉我这里的问题是哪个提供者，或者，我怎样才能以另一种方式找到提供者？

我的 Web 应用程序有一个两步编译过程。首先，我将 CoffeeScript 文件编译成 JavaScript 文件 [1]。然后 JavaScript 文件（来自 CoffeeScript 的文件和外部文件，如由 AngularJS 模板生成的grunt-angular-templates文件）由 Google Closure Compiler [2] 编译成单个最小化文件。

步骤 [1] 和 [2] 都生成源映射。

是否可以将这些源映射组合成一个源映射，允许我从运行最小化 JS 文件的 Web 浏览器调试 CoffeeScript 文件？

换句话说：假设源映射 [1] 由一个函数表示：

源映射 [2] 由一个函数表示：

我想得到一个由函数组合表示的源映射：