问题标签 [gulp-sass]

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 回答
594 浏览

node.js - 无法使用 node.js 为 gulp.js 安装 Sass 模块

运行时我不断收到以下错误npm install gulp-sass --save-dev

0 投票
3 回答
2171 浏览

gulp - Sass 更新 3.4.6 后 Gulp Compass 崩溃

当我的 gulp 在我的 sass 文件上运行 compass 时,我遇到了以下错误:

我不知道这个错误到底是什么意思,但它指向的文件没有特殊的来源,它只是一个小的合法 scss 文件:

我的 Gulp 流中也不断收到这些错误,这可能是相关的:

当然,我尝试了“原始宝石”,但这无济于事。

我不知道发生了什么,我所知道的是我的 gulpfile 上周还是一样的,而且它工作得完美无缺。我安装了 OSX Yosemite 并没有做任何特别的事情。

我知道我的描述缺少内容,但那是因为我不知道在哪里寻找解决方案,因为我不理解错误。

0 投票
1 回答
358 浏览

ruby-on-rails - Gulp Ruby Sass - RegexpError: failed to allocate memory :/\n.*/

我已经在我的项目中安装了 Gulp,并且运行良好。

今天,当我运行gulp build项目时,它给出了错误:gulp plugin ruby​​ sass。

出现以下消息:

*请参阅下面的错误图片:

在此处输入图像描述

有任何想法吗?

请帮帮我,谢谢!

0 投票
0 回答
165 浏览

css - gulp-ruby-sass 跳过导入的文件

出于某种原因,每当我使用 gulp-ruby-sass 运行我的 gulp 样式任务时,它只会拉入实际上具有样式声明的文件夹中的第一个文件(而不是声明变量或设置 mixins),然后跳过其余的导入.

这是我的文件夹结构

每当我运行任务时,只会编译每个文件夹的第一个 _somestyle.scss。文件夹中的所有其他文件都将被跳过。这由我的 .css.map 验证,它显示了源中的变量和 mixin 文件以及带有样式声明的第一个文件。然后它跳到下一个文件夹。

我不认为这是加载路径问题,因为每个子文件夹中至少包含一个文件,并且我尝试在包含加载路径的任务中运行。

我在编译期间也没有收到任何错误。我不知所措。

这是我的 gulpfile.js

任何帮助,将不胜感激。

0 投票
1 回答
1095 浏览

sass - gulp ruby​​ sass 和 concat 将我的源图放入 css

我使用event-stream它是为了在一项任务中编译 SASS 并将其与 CSS 合并。它工作得很好,我唯一的问题是sourcemap正在合并到 CSS 中。

吞咽代码

来源:main.SCSS

来源:main2.css

输出:style.min.css

我尝试过的事情

1)尝试:将 ruby​​Sass 的 sourcemap 设置为 false结果:没有区别

  1. 试过: gulp-concat-sourcemap,这会创建我的外部源映射文件,但我的内部也有它style.min.css

    return es.concatSourceMap(gulp.src(cssGlob), sassFiles) .pipe(plugins.concat('style.min.css')) .pipe(gulp.dest(paths.styles.dest));

当我检查结果源图的输出时,我注意到了这一点

基于此,它似乎将 .map 文件连接到 CSS,这是我们看到的行为。所以我试图过滤掉它。

3)尝试:用于gulp-filter过滤掉地图文件以防止在css中连接结果:没有区别

"))

0 投票
1 回答
2025 浏览

coffeescript - 如何用 gulp 编译 bootstrap-sass?

我在将引导程序添加到我的节点项目时遇到了一些问题。我通过 bower 安装了 bootstrap-sass-official,然后添加了 gulp 任务来编译 bootstrap。

我运行了直接从控制台编译引导程序的任务,它成功完成了。我的 gulpfile.coffee

你知道如何解决这个问题吗?

0 投票
1 回答
26090 浏览

gulp - 咕噜不起作用

我在我的机器上安装了 gulp,但是当我尝试编译我的项目时,我遇到了这个错误:

我不明白错误,我不知道如何解决。有人可以帮助我吗?谢谢

0 投票
1 回答
620 浏览

ruby - Gulp sass 任务运行缓慢

我的“gulpfile.js”中有这个 Gulp 任务,它使用了 gulp -ruby-sass插件。当我运行它时,它至少需要8 秒来编译。Grunt 中的等效脚本可能需要不到 1 秒的时间,所以我对导致延迟的原因感到困惑。

0 投票
1 回答
1239 浏览

gulp - 使用 gulp/node/libsass 编译需要 30 多秒

我正在使用 Gulp 和 node-sass 来编译我的 sass。我也在使用 node-neat 和 node-bourbon。但是,当我编译时,需要 30-50 秒!我究竟做错了什么?我不太确定 libsass 如何在 gulp-sass 和 node-sass 中发挥作用,或者 gulp-sass 和 node-sass 之间的区别是什么。在我的 gulpfile.js 中,我都尝试了sass = require('gulp-sass'),sass = require('node-sass'),但它们给了我相同的结果。另外,我正在使用管道工,如果出现错误,它会停止观看。这是我的 gulpfile.js:

0 投票
1 回答
1225 浏览

ionic-framework - 无法使用 gulp-sass 加载从 sass (.scss) 编译的离子 css 文件

我正在尝试将应用程序从 Grunt 构建移动到 Gulp。我的 Gulp 构建生成了一个 ionic.css 文件,我尝试在我的 index.html 中使用链接标签加载该文件。我在我的 chrome 检查器中收到一个错误,即在该路径中找不到该文件,即使我可以在我的 www 文件夹中看到它。

我的代码

gulp-sass 任务

index.html 头

我的目录结构