问题标签 [gulp-sourcemaps]

我正在使用 sass 生成输出到文件的源映射。然后我使用 PostCSS 为另一个 CSS 文件生成源映射。我正在尝试在此源映射节点模块中使用 applySourceMap 连接两个源映射，但它确实有效https://github.com/mozilla/source-map/blob/master/lib/source-map/source-map-generator.js

有谁知道如何轻松地将两个源映射文件连接在一起？

我使用包gulp-less和gulp-sourcemaps. 我的 less 文件位于 下Styles/main.less，但生成的源映射指向source/main.less（其中source/似乎是前缀）。如何解决这个问题，以便源地图正确指向source/Styles/main.less？

我的 gulp 任务相当简单：

我在尝试sourcemaps为我的 CSS 文件生成时遇到问题。

我当前的堆栈是：

• 吞咽
• 手写笔
• 自动前缀

有两个编译步骤：

1. Gulp 预编译为 CSS；
2. Autoprefixer 后编译 CSS 以添加浏览器供应商前缀；

我无法sourcemaps在第一次编译时生成，因为第二次编译会在 CSS 中添加新行，而我对如何让它们相互“交谈”感到很迷茫。

这是我到目前为止得到的。

So I've used gulp-usemin for a while and generally like it. In particular, I love the built in cache-busting ability

Before

Run

After

However, recently I've been using browserify, which builds the source tree via node-style require statements.

Before

Run

After

The problem is if I use rev I have no ability to hash/cachebust the file. Is there any way to use the two in tandem? Or a an easy way to point my dist/index.html reference to bundle.js to the hashed version? I've read the gulp-rev recommendations but they seem horrible in comparison.

For context, I'm using Python/Django/Jade/Sass/Compass in the project.

我正在使用 gulp-sourcemaps 为我的 typescripts 文件生成内联源映射，但是我注意到在源映射中我有单个 .ts 文件的源以及连接的 .js 文件。这使文件的大小增加了一倍多。我只会在开发过程中使用 sourcemap 的文件，但无论如何我还是想删除 .js 源。

以下是我的 gulp 文件的相关位：

有没有人知道如何做到这一点？

今天我了解到可以将源映射直接包含到您的缩小 JavaScript 文件中，而不是将它们放在单独的 example.min.map 文件中。我想知道：为什么有人想做那样的事情？

拥有源映射的好处对我来说很清楚：例如，可以在运行缩小文件时使用原始的非压缩源文件调试错误。最小化的好处也很明显：源文件的大小大大减小，使浏览器下载速度更快。

那么为什么在地球上我想将源地图包含到缩小文件中，因为地图的大小甚至比缩小代码本身还要大？

这有点奇怪：

我有一个看起来像这样的 gulp 任务：

我正在从 play 1.3 项目中运行此任务，它按预期生成 base64 编码的内联源映射，但是当我在 chrome 中加载它时，所有样式都映射到第 1 行main.css，表明有些东西是错误的。

现在，这就是奇怪的地方：如果我运行相同的任务，指向相同文件的副本，在另一个具有相同目录结构的项目中，只是在普通 ol' apache 下运行，它完全按预期工作。输出文件看起来完全相同。

有没有人知道为什么会这样？

FWIW，在缩小和连接我的 js 时，使用gulp-uglify和gulp-concat

我正在尝试使用 gulp-sourcemaps 生成源映射。

示例代码：

路径的输出是//# sourceMappingURL=/script.min.js.map，这是错误的路径。正确的应该是//# sourceMappingURL=script.min.js.map. 如何删除/URL 中的额外内容？

我正在使用带有一种转换方法的 Browserify：reactify。这是我构建脚本的方式：

在本地运行应用程序时，源映射是正确的，在开发工具中我可以看到原始的 jsx 文件。
当我添加另一个转换时，这个问题就开始了。然后在运行和查看开发工具时，我没有得到原始文件。相反，我在编译后得到了 jsx 文件。我尝试使用 es6ify、uglifyfy 和 envify（reactify + es6ify、reactify + uglifyfy、reactify + envify），我得到了同样的错误行为。
我对源映射配置或browserify中的错误一定有问题。
知道如何解决吗？

我正在尝试自动化以在 gulp 中连接和丑化 js。

这是我的 gulpfile.js：

您是否认为需要包装每个文件(function(){"use strict"; <%= contents %>\n})();以避免在每个文件连接在一起时发生冲突？你认为我的 gulp 任务很好，或者它可以更好地执行它的任务吗？