问题标签 [gulp-sourcemaps]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
228 浏览

javascript - 单个文件上的 scss 的 Gulp 源图

上面的代码使用源映射正确生成,但不是下面的代码

0 投票
0 回答
994 浏览

gulp - Gulp SASS、autoprefixer、minify 和 sourcemaps 生成巨大的文件

使用此 Gulp 配置来缩小生成源映射的 SASS 文件时,我遇到了奇怪的行为。

我第一次使用它运行这个脚本时,gulp它会生成一个正确的full.min.css并等待 SASS 目录中的更改。

当您更改 SASS 文件中的某些内容时,它会触发监视并重新运行styles任务,这将构建一个full.min.css.

您会看到前端的变化,但这个缩小的文件在每次重建时都会变得越来越大。

如果我省略styles任务内部的源图,它似乎工作正常。full.css文件总是好的。

我在这里想念什么?为什么缩小版的尺寸不断增加?

0 投票
0 回答
124 浏览

node.js - 在 Cloud-9 ide 中调试 coffeescript 源?

使用 Cloud9,设置 gulp 以使用源映射将咖啡脚本文件编译为 javascript。想调试一下。现在调试器会进入生成的 javascript,而不是 coffeescript 文件。如何使调试工具与 C9 中的咖啡脚本代码一起工作?

谢谢,

0 投票
0 回答
115 浏览

node.js - Sourcemaps 内容与编译输出相同 - 在 Windows 上

问题

gulp-sourcemaps用来为我编译的 sass 生成源映射。

这似乎适用于 linux/mac 计算机,但不适用于 Windows。sourcemap 中的内容与生成的 css 相同,而不是实际的源 sass

PS 我不想发布和链接到实际的源文件。我希望它们嵌入到源图中。


细节

这是我正在使用的完整 gulp 任务:

这是文件夹结构:


更多细节

我正在使用 Node v0.12.4 运行 Windows 7。全球gulp版本为 3.9.0。

这是我的package.json文件:

以下是中的原始源内容app.scss

这是生成的 CSS 文件:

最后,这是源映射文件(美化):


结论

从以上所有内容可以看出,sourcesContentsourcemap 文件中的 与生成的 CSS 完全相同。这使得源映射非常无用。

我在这里做错了什么,我该如何解决?


以下是这些文件的下载:gulp-sass-autoprefixer-sourcemaps.zip

测试:提取它,然后运行npm install && gulp css​​.

0 投票
1 回答
1103 浏览

gulp - 使用一系列插件让 gulp-sourcemaps 正确映射

我有一个带有多个插件的 git 存储库(一个主要插件和几个仅用于主要插件的插件)。我正在使用这种方法进行分发,因为 bower 没有提供一种让每个 git repo 拥有多个插件的方法。

因此,我需要缩小每个插件,为每个插件创建一个源映射,然后将每个插件放入与 git 子模块相对应的单独分发文件夹中,按照惯例,我将其命名为与插件相同以使其简单。我想出了以下 Gulp 脚本,它可以一步完成,这主要基于我在此处找到的答案。

它完全符合我的要求,除了一件事。为每个插件生成的 sourcemap 文件在路径中包含子目录。由于插件的最终目的地不会包含此路径,因此这是无效的。

jquery.dirtyforms.min.js.map文件中:

应该

jquery.dirtyforms.min.js文件中:

应该

我挖掘了 gulp-sourcemaps 的源代码,试图找到一个覆盖文件名的选项,但似乎没有。

我为此提出的两种可能的解决方案是:

  1. 使用正则表达式在每个文件中进行替换
  2. 在 中生成文件,distributionFolder然后在生成后将它们移动到正确的子文件夹中

但这两个似乎都是黑客。如果流首先正确地创建它们会更好。有没有办法做到这一点?

0 投票
1 回答
594 浏览

gulp - 带有 gulp-minify-css 的 gulp-sourcemaps 崩溃

我正在用 gulp 任务编译 bootstrap-sass:

但这给了我以下错误:

问题似乎出在我使用源地图时;如果我删除它,任务就会通过。但是对于我所有的 gulp 依赖项,我都在使用“最新”版本;并且 gulp-minify-css 更改日志表明它支持 sourcemaps < 1.1.6。当我使用没有缩小的源映射时,构建也会通过。

0 投票
1 回答
507 浏览

twitter-bootstrap - 我的 Gulp 内联源映射文件大小应该和它一样大吗?

我在我的 Sass 样式中包含了 Bootstrap。当我在没有启用源映射的情况下编译 Sass 时,文件大小约为。150kb。当我打开 sourcemaps 时,文件大小高达 800kb。这是可以预料的吗?最终我会挑选我需要的 Bootstrap 部分,但现在看起来很多。

这是我的 Sass 任务:

0 投票
1 回答
1749 浏览

node.js - gulp-sourcemaps 将源指向错误的目录

我正在尝试使用 gulp-sourcemaps 为我的 sass 和 js 文件创建源映射,但路径sources: [ ... ]始终仅相对于源目录而不是目标目录。

我的项目结构如下所示:

这是我的两个 gulp 任务:

运行这些任务后,地图文件如下所示:

但我希望它们是相对于他们的实际目录

那么我怎样才能得到想要的结果呢?我的配置有什么问题?

0 投票
2 回答
904 浏览

node.js - 使用 gulp-gzip 时 Gulp SourceMaps 不起作用

我正在使用 Gulp 对 javascript 文件进行 uglify 并生成它们的源映射。到目前为止,一切都很好:

此代码生成以下由浏览器正确加载的输出文件夹和文件:

公共/js/someScript.min.js

public/js/maps/someScript.min.js.map:注意这个文件在上面的行中被引用。

但是我也想对它们进行 gzip 压缩,所以我更新的 gulpfile.js 是:

现在我得到这些文件:

公共/js/someScript.min.js.gz

public/js/maps/someScript.min.js.map.gz

未链接源映射,因为 js.gz 文件引用someScript.min.js.map而不是someScript.min.js.map.gz。我错过了什么?如何使文件引用正确的扩展名?

0 投票
1 回答
1916 浏览

javascript - gulp-sourcemaps,未捕获的 SyntaxError:意外的令牌:

背景:我正在尝试使用我的 Gulp 脚本任务设置源映射。我相信映射正在工作(见下文,“hello world”console.log 正在引用main.js:10,而不是all.min.js),但我收到控制台错误:Uncaught SyntaxError: Unexpected token :


问题:为什么会发生这种情况,是否会导致问题阻止我充分利用 js 源映射的功能?


参考:

截图:

控制台截图

gulpfile.js:

项目目录树:

all.min.js.map:http://pastebin.com/wck38eHJ _


注意:是的,我知道 JQuery 提供了一个地图文件,但出于各种原因,我希望这样做。