问题标签 [gulp-sourcemaps]

我在让 VSCode 使用 typescript/browserify 在 chrome 中设置断点时遇到问题。

如果我自己运行 chrome 并刷新页面，源映射加载正常，并且内置的 chrome 调试器可以很好地遍历我的 .ts 文件。

但是，当我尝试使用 VSCode chrome 调试器扩展启动 chrome 时，它​​无法设置断点，也不会加载源映射文件。

但是，当不使用 browserify 时，源映射似乎可以正常加载并且断点可以正常工作。

我只是不确定为什么在独立运行 chrome 时，需要刷新它才能显示源映射文件。

无论如何，附上我的 gulp 文件：

并且，VSCode 调试器控制台的结果：

似乎地图文件指向错误的文件。例如，而不是demo.css它指向example.css。

我想我做错了什么？

这是如何为 CSS 缩小和连接定义我的 css 任务的示例：

您好，我有以下gulpfile.js：

我可以用它来构建我的项目，但是我一直得到一个奇怪的输出，对于我的 bower.js 文件，构建后的总大小是12,836 KB。我不明白这一点，因为我注意到每当我运行该应用程序时，我的浏览器似乎会占用大量内存，因此我决定计算在我的 bower.js 文件中连接的所有文件的总大小以及我拥有的文件最后是3,574 KB。

现在我想知道发生了什么，在构建过程中是否包含了一些隐藏文件，有没有办法让我显示所有连接在一起并被丑化的文件的输出以及 gulp 中每个文件的大小？

是否有可能我的 JS 文件之一正在加载外部脚本？我的 bower_components 文件夹的总大小为25.3 MB（磁盘上为 29.8 MB）。

当我只运行“gulp”时，文件大小为 9,225 KB，比较小，但是当我运行“gulp --type production”来丑化脚本时，文件大小反而增加到 12,836 KB。

我有一个生成两个 CSS 文件的流：一个 unminify 和一个 minify 文件。我只能在缩小的文件中写入源文件。

感谢您的帮助...

编辑

如果我写

我在文件中得到了 Soure Map，*.min.css但在*.css文件中没有。
但是如果我使用

我收到以下错误：

我有一个app.scss文件可以导入大约 100 个其他 Scss 文件。然后app.css使用 gulp 任务将其编译为。 app.css包含超过 4095 个选择器，所以我习惯gulp-bless将其拆分为多个文件。

这一切都适用于sourcemaps。

GitHub 页面gulp-bless声明“这可以与 gulp-sourcemaps 一起使用”，但它绝对没有提供任何文档或其他详细信息。

以下最终冻结了整个过程：

放置在,bless 之前sourcemaps.write()会完全从结果文件中删除源映射。

有没有人成功地使用 gulp-bless 的源地图，因为据称这是可能的？

尝试实现 sass 源映射，但由于某种原因，它似乎不适用于子文件夹。例如，下面是编译的 main.scss 文件：

更改显示（使用 BrowserSync）并且编译没有问题。但是在开发工具中检查代码。它似乎没有引用最后一次导入，而是引用了“test3”。查看屏幕截图开发工具屏幕截图

sass 文件“sub/test4”包含主体的鲑鱼颜色，但源映射说这包含在文件“test3”中。

有关我正在使用的样式任务，请参见下文：

尝试了各种不同的东西，但似乎没有任何效果。非常感谢任何帮助！

我有一个我使用的 gulp 文件，它包含一个创建标准非压缩 .css文件和压缩 .css文件的过程；我过去常常通过缩小刚刚生成的非压缩版本来生成压缩版本，但这会导致指向非压缩.css文件而不是.scss文件的映射出现问题，因为它实际上从未处理过.scss文件。

所以我对其进行了更改，以便两个进程现在都使用这些.scss文件，但这似乎非常低效，因为它们都必须经过相同的进程才能构建各自的文件。

这是我的相关部分gulpfile.js：

有没有更有效的方法可以为非压缩和压缩版本创建正确的映射文件？

我是 gulp 的新手，遇到了一个很常见的问题。我正在尝试将 typescript 编译成 javascript，为它创建一个源映射，然后运行 ​​uglify。我想要一个用于 ugliyfied 和非 uglified js 的源图。

我想要实现的是以下文件结构：

这是我的吞咽任务：

如您所见，我运行 sourcemaps.write() 两次以获取两个不同的文件。这给了我一个错误

省略第一个 sourcemap.write() 调用将为文件的缩小版本生成正确的源映射。

任何想法如何解决这一问题？

编辑：这不完全是gulp: uglify 和 sourcemaps的副本，因为我需要编写多个 sourcemaps 并多次调用 gulp.dest()

是否可以压缩 sass 并在结果中包含源映射？如果我包含.pipe(cssnano())它会删除源映射：

安装 React-native 时出现错误，我试图搜索答案，但找不到答案。

运行“react-native init meet”时出现此错误：

我真的不明白有什么问题...