当前位置: 首页 > 知识库问答 >
问题:

gulp ruby sass和concat正在将我的源映射放到css中

赵晟睿
2023-03-14
gulp.task('css', function(){

    var sassGlob = "assets/css/**/*.scss";
    var cssGlob = "assets/css/**/*.css";;
    var dest = "./dist/css/min/'";

    // compile sass
    var sassFiles = gulp.src(sassGlob)
    .pipe(plugins.rubySass({
        style: 'expanded', precision: 2
    }));

    // concatenate css + compiled sass
    return es.concat(gulp.src(cssGlob), sassFiles)
        .pipe(plugins.concat('style.min.css'))
        .pipe(gulp.dest(paths.styles.dest));
});
header {
  padding: 2px;
}
body {
    padding: 2px;
}

输出:style.min.css

body {
    padding: 2px;
}

header {
  padding: 2px;
}

/*# sourceMappingURL=main.css.map */

{
"version": 3,
"mappings": "AAAA,IAAK;EACD,OAAO,EAAE,GAAG",
"sources": ["../main.scss"],
"names": [],
"file": "main.css"
}

我尝试过的事情

1)尝试:将rubySass的sourcemap设置为false结果:无差异

.pipe(plugins.rubySass({
    style: 'expanded', sourcemap: 'none', precision: 2
}));
{
  "version": 3,
  "file": "style.min.css",
  "sources": [
    "assets/css/other.css",
    "main2.css",
    "main2.css.map"
  ],
  "names": [],
  "mappings": "AAAA;AACA;AACA;;ACFA;AACA;AACA;AACA;AACA;AACA;;ACLA;AACA;AACA;AACA;AACA;AACA;AACA"
}
return es.merge(cssFiles, sassFiles)
        .pipe($.filter("!*.map))

共有1个答案

伯俊弼
2023-03-14

我不久前也遇到过同样的问题。它与如何使用dargs将参数传递给sass gem有关,您可以在这里找到更多关于它的信息。

但是,自从114号以来,这应该是起作用的。

@milesj给出了一个很奇怪的解决方案,目前解决了这个问题:

.pipe(plugins.rubySass({
  style: 'expanded', 'sourcemap=none': true, precision: 2
}));
 类似资料:
  • 在你的代码合并,压缩或编译后,保持客户端代码可读性和可调试性。使用Source Maps(源码映射)将源代码映射到已编译的代码。 TL;DR 使用Source Maps(源码映射)将压缩代码映射到源代码。然后,您可以在其原始源代码中读取和调试编译的代码。 仅使用能够生成Source Maps(源码映射)的预处理器。 验证您的web 服务器是否可以为Source Maps(源码映射)提供服务。 开始

  • 你好,RxJava大师, 在我当前的Android项目中,我在使用RxJava和SQLite时遇到了一些死锁问题。我的问题是: 我在一个线程上启动一个事务 调用Web服务并将一些东西保存在数据库中 conat映射另一个可观察函数 尝试在数据库上编写其他东西--- 这是我的代码: 为什么RxJava突然改变了线程?即使我指定了,我也希望他在我自己的时间表上观察。我在saveSubItem之前添加了另

  • 我已经用MapStruct 1.1工作了几天,但还没有达到我所需要的。 我想做的是:我想将JPA实体映射到DTO,以便在Primefaces项目中实现更好的属性视图绑定。 所以我有我的实体如下: 病人JAVA 人JAVA 我想把这些实体画成这样: 耐心等待。JAVA 潘松多。JAVA 我编写了Mapper类和一个实用程序,就像GitHub上的官方示例中描述的那样(https://github.co

  • 问题内容: 我正在尝试将HTML映射到结构完整的JSON中。那里有没有这样做的库,还是我需要编写自己的库?我想如果没有html2json库,我可以以xml2json库作为开始。毕竟,html只是xml的一种变体,对吗? 更新: 好的,我应该举一个例子。我想做的是以下内容。解析html字符串: 变成这样的json对象: 注意 :如果您没有注意到标签,我正在寻找Javascript解决方案 问题答案:

  • 问题内容: 我对ES文档感到困惑,实际上,它们在这里指出索引必须位于映射目录(和indexname子目录)中: 可以在名为[mapping_name] .json的文件中定义映射,并将其放置在config / mappings / _default位置下或config / mappings / [index_name]下(对于仅应与特定索引关联的映射)。 但后来这里的“配置”一节中,它指出: 索引

  • 我在将css、js、图像映射到我的JSP时遇到了一个问题:我的项目如下所示: src/main/webapp/WEB-INF/jsp/index.jsp