问题标签 [gulp-sourcemaps]

这在我更新 CSS 文件时随机发生，然后刷新发现没有显示任何更改。我最终注意到我的 Gulpfile.js 下的 Task Runner Explorer 窗口“加载失败”，并且没有列出任何构建过程。

然后，我做了一些研究并重新排序了外部工具列表，因为一些 SO 线程提到了要做的事情，但什么也没做。然后我注意到 gulpfile.js 需要一些文件：

这些都不在 node_modules 文件夹中，所以我完成了 npm install gulp-less 和 npm install gulp-sourcemaps ，现在检查了 Output>Task Runner Explorer 并出现以下错误。

无法运行“C:\projects\Fusion\FusionMVC\Gulpfile.js”...

cmd.exe /c gulp --tasks-simple

C:\projects\Fusion\node_modules\gulp-sourcemaps\node_modules\strip-.bom\index.js:2

module.exports = x => { ^ SyntaxError: Unexpected token > at Module._compile (module.js:439:25) at Object.Module._extensions..js (module.js:474:10) at Module.load ( module.js:356:32) 在 Function.Module._load (module.js:312:12) 在 Module.require (module.js:364:17) 在 require (module.js:380:17) 在 Object. (C:\projects\Fusion\node_modules\gulp-sourcemaps\src\init.js:10:14) 在 Module._compile (module.js:456:26) 在 Object.Module._extensions..js (module.js :474:10) 在 Module.load (module.js:356:32) 在 Function.Module._load (module.js:312:12)

关于可能出现什么问题以及如何使其工作的任何线索或解决方案都会很棒！经历了大多数 SO 线程，但该解决方案不起作用。

Gulp / npm noobie 在这里。

我正在尝试使用 gulp-sourcemaps，由于某种原因，它崩溃了var sourcemaps = require('sourcemaps')。（仅当此行在文件中时才会崩溃）

吞咽文件：

错误 ：

有没有人遇到过这种类型的错误？我试图用谷歌搜索它，但没有任何成功。

我想从 CSS 代码中删除所有注释，但我注意到当我将gulp-strip-css-comments添加到我的 gulp 任务时，源映射不再工作，即使我确保 gulp -strip-css -comments/*# sourceMappingURL=style.css.map */使用正则表达式选项保留指向源映射的注释。

下面我在使用gulp-strip-css-comments之前和之后添加了我的代码和输出：

在 gulp-strip-css-comments 之前

在 gulp-strip-css-comments 之后

我无法让 autoprefixer 与 gulp sass 一起使用。这是我的 gulpfile.js：

我遵循了相关问题中的解决方案，但无法完成。这是链接：链接

when using SASS and concatenating my files using gulp, and inspecting element I am not able to see where the css is coming from. The chrome Dev Tools does not specify a line and file number for the CSS. I have a main file main.scss in which I am importing 2 different files as such

In each of those files I have one line of code for testing,

Below is my gulp code to produce the output file.

When I inspect element on this is what I see in chrome dev tools. When I click on the link "main.scss:4" link goes to the main.scss css reference page, but I am not able to see any line numbers or the original file such as test2.scss from which it is originally coming from. This is a big problem when used on the actual site, because the compiled file ends up having 16,000 lines of css and there is no way to find the css selectors origination. I cant tell if this is an issue with how I am setting up sourcemaps, or if it is chrome dev tools? any suggestion would help, thanks!

我对 Sass 的 Gulp 任务有疑问。这不会生成源映射。问题只是这个任务，我的.js作品的源图很好。

任何人都可以检查我的任务？

我正在努力让我的 SASS 源图正常工作。问题似乎是源映射中的“源”属性以及我的 SASS 文件是如何嵌套的。

我有一个将 SASS 编译为 CSS 的 Gulp 任务。这是一个例子

以上适用于其他一切——将映射写入磁盘、添加前缀等。我正在使用最新的 nodejs、gulpjs 和相关的 npm 包。

我的 Stylesheets 文件夹中的文件夹/资产结构示例：

对于 SCSS/ 根目录中的 SASS 文件，源映射可以正常工作。Chrome 将显示源样式的位置。

对于 SCSS/ 子文件夹中的 SASS 文件，源映射不起作用。问题是“来源”：属性中列出了错误的文件。

例如 print.scss 映射将正确地具有"sources":["print.scss"]. 但是 sectionA/style.scss 地图将有"sources":["style.css"]而不是"sources":["partial/_partialA.scss", "partial/_partialB.scss"]我所期望的。

我已经确认将 /SCSS/sectionA/style.scss 移动到 /SCSS/style.scss 并修改任何导入路径确实可以解决问题。但我需要它嵌套，而不是在 /SCSS 的根目录中。

如果我可以提供更多详细信息，请告诉我。我尝试过从Path to source map 的答案是错误的，它不能解决我的问题。我也尝试过操纵mapSources无济于事。

这里可能存在一些小风格问题，但大多数情况下都有效。但是，它似乎没有观察styles/*.scss该文件夹中文件或新 SCSS 的更改。与 Javascript 相同：scripts/*.js不在手表上更新。

也可以在不破坏源映射的情况下结合 SCSS 和 CSS，但这并不重要。现在，只要让实时更新工作就很好了。

我正在尝试实现 express/typescript/gulp 应用程序，它可以工作，但我仍然无法使用源映射对其进行调试。

这是我的设置

吞咽文件

这是 VS 代码启动文件：

完整代码可以在 git repo 中找到：https ://github.com/MichalZak/beanbag

我无法将此进程附加到我的节点服务器。有什么建议么？

我是 Gulp 系统的新手，我正在尝试让我的 AngularJS 应用程序启动并运行。使用 Yeoman，我得到了一组标准的 gulp 任务，但其中一个任务失败并显示错误消息。我已经把它缩小到一个特定的行，但是我对这个系统的了解不够多，无法知道失败的原因或原因（当然，除了丢失文件的名称）。

失败的 gulp 文件如下：

正如你所看到的，我已经注释掉了除了违规行之外的所有内容。该行在作为构建过程的一部分调用时会产生以下错误消息：

显然，它在 jspm 包的临时副本中寻找 system.js，但为什么呢？ 为什么没有找到它？文件应该在那里吗？我不知道 gulp 脚本试图做什么，所以我无法猜测它为什么不起作用。

我知道这可能不足以提供全面的答案，但我希望这里有足够的信息让您至少指出我正确的方向。

谢谢！

2017 年 1 月 3 日更新

我有点想明白 useref 应该做什么。我的 index.html 文件是

我认为应该发生的是它应该替换块：

和

这听起来正确吗？