问题标签 [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 回答
1747 浏览

node.js - gulp.dest() 忽略子目录

我的文件夹树

我的 gulpfile :


怎么了

当我运行 gulpfile 的默认方法时,生成的 CSS 文件保存在 CSS 文件夹的子文件夹中。

/public_html/css/引导程序/bootstrap.css

/public_html/css/主题/theme.css


需要什么

我不想将它们保存在单独的文件夹中。

如何将所有生成的 CSS 文件直接保存在 CSS 目录中,例如:

/public_html/css/bootstrap.css

/public_html/css/theme.css

0 投票
0 回答
190 浏览

javascript - 用于检查 CSS 命名约定的 Gulp 任务/插件

我已经接管了一个遗留应用程序,并试图重构和通用 CSS 命名标准。

我注意到 CSS 类命名约定以多种方式引用:

是否有一个 Gulp 任务或/和插件可以搜索我的所有 HTML 文件,并生成各种命名约定的报告?

理想情况下,我希望所有课程都遵循:my-class-name

0 投票
1 回答
785 浏览

javascript - 了解 Gulp 管道顺序

语境

我想解析一些.sass文件并在将它们编译成.css.

为此,我使用了gulpgulp-sassgulp-preprocess

Gulpfile.js

萨斯/styles.sass

sass/partials/_variables.sass

命令行界面

这行得通。它会dist/styles.css按预期创建一个包含替换变量的文件。

问题:

在第一次尝试时,我试图执行preprocess之前sass

根本不会替换变量:

那么,为什么preprocess必须在 之后执行sass?sass转换后的管道不会返回已经编译的css吗?这意味着变量已经被应用并被压缩到流中......

看起来在某些时候流向另一个方向。

0 投票
1 回答
1063 浏览

node.js - Gulp-sass 在包含的文件中找不到变量?

我有一个声明地图的 _variables.scss 文件:

我有第二个文件。_globals.scss我在哪里引用这个:

我有一个主 scss 文件作为 app.scss,它 @imports 它们:

Error: invalid top-level expression但是,gulp-sass 会根据该 map-get引发错误。

我在一个项目中使用 gulp-ruby-sass 并且它有效。但是,在这个项目中,我们使用的是 gulp-sass 1.1.0。我的吞咽任务是:

这种事情在 gulp-sass 中不起作用吗?还是我做错了什么?

0 投票
1 回答
739 浏览

gulp - Gulp“watch”没有在文件更改时运行子任务“sass”

我将 Gulp 用于 watch 和 sass 编译器。当我第一次启动“watch”时,“sass”编译器运行并根据给定路径创建 css 文件。但是,当我更改 .scss 文件时,它不会再次调用“sass”编译器。以下是我的这两个任务和变量。

以下命令我用来运行“监视”任务

当我更改 .scss 文件时,我确实看到“手表”正在重新加载。以下是此日志。

不知道我在这里缺少什么。请帮忙。

0 投票
1 回答
394 浏览

gulp - Gulp.js 中的“./”是什么意思?

我一直在阅读 Gulp。在下面的代码中,您会注意到路径以gulp.srcgulp.dest开头./

的目的是./什么?如果没有点,代码的运行会有什么不同吗?

0 投票
1 回答
2118 浏览

gulp - gulp-sass 不会导入安装了凉亭的引导程序

我想遍历我所有的凉亭包。所有将 sass 文件作为主要文件的文件,我都想包含在includePathsfor gulp-sass 中。

我正在使用 npm 包main-bower-files成功获取主文件(并且我过滤到仅 scss 文件)。

但是当我去编译时,我得到了以下错误(因为现在 bootstrap 是我唯一的一个):

我的 gulpfile 的相关部分是

0 投票
1 回答
353 浏览

html - 媒体查询不做任何事情

我用 SASS 做 HTML 和 CSS 已经有一段时间了,直到今天我所有的响应都在工作,突然我的 css 媒体查询停止了反应。

它们位于网页上正在加载的 css 文件中,但没有元素对它们做出反应......我无法将 3k 行的完整 css 文件复制到这里......

但我认为我缺少一些基本的东西。我正在使用 gulp-sass,它在处理 css 时没有报告错误。

我要疯了,我无法弄清楚问题所在。直到今天一切正常,我需要在周一之前交付一个项目,但我无法做出响应。

所有的查询都在工作。今天我什么都没做,当我运行项目时,查询不会做任何事情。

关于它可能是什么的任何建议?多谢你们。

0 投票
1 回答
195 浏览

node.js - gulp-sass 没有结果

我正在尝试使用 gulp 和 gulp-sass 在我的项目中编译凉亭组件。我正在使用 Windows 8。

我遇到的问题是 gulp-sass 似乎不起作用。或者至少不给我编译的结果。奇怪的是,我什至没有收到错误消息或其他东西。

我只是在我的输出目录中没有得到任何结果。

gulpfile.js:

到目前为止,我已经尝试了几件事:

我尝试使用命令通过命令行编译

这有效,我得到了预期的结果。因此我认为 sass 安装工作正常。

我尝试的另一件事是,我从上面的代码中删除了“.pipe(sass())”行,只连接并复制文件。那行得通。

第三个测试是,不要使用 main-bower-files 来获取文件,而是使用带有 sass 的固定路径:

但这也没有用。又没有结果。

我正在使用以下依赖项:

0 投票
1 回答
621 浏览

drupal-7 - drupal 7 主题 + gulp + sass + browserSync 无 css 注入

我能够让 browserSync.reload({stream:true}) 将 css 注入到 wordpress 主题中。当我在 Drupal 7 主题中尝试相同的 gulpfile.js 时,硬重置可以工作,browserSync.reload(),但 css 注入什么也不做,browserSync.reload({stream:true})。

有任何想法吗?有关如何排除故障的任何建议?先感谢您!

当我将此工作流程移至 drupal 7 时,我确实遇到了分段错误问题,但能够通过这篇文章解决它。 https://drupal.stackexchange.com/questions/126880/how-do-i-prevent-drupal-raising-a-segmentation-fault-when-using-a-node-js-themin