问题标签 [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.
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
javascript - 用于检查 CSS 命名约定的 Gulp 任务/插件
我已经接管了一个遗留应用程序,并试图重构和通用 CSS 命名标准。
我注意到 CSS 类命名约定以多种方式引用:
是否有一个 Gulp 任务或/和插件可以搜索我的所有 HTML 文件,并生成各种命名约定的报告?
理想情况下,我希望所有课程都遵循:my-class-name
javascript - 了解 Gulp 管道顺序
语境
我想解析一些.sass
文件并在将它们编译成.css
.
为此,我使用了gulp、gulp-sass和gulp-preprocess:
Gulpfile.js
萨斯/styles.sass
sass/partials/_variables.sass
命令行界面
这行得通。它会dist/styles.css
按预期创建一个包含替换变量的文件。
问题:
在第一次尝试时,我试图执行preprocess
之前sass
:
根本不会替换变量:
那么,为什么preprocess
必须在 之后执行sass
?sass转换后的管道不会返回已经编译的css吗?这意味着变量已经被应用并被压缩到流中......
看起来在某些时候流向另一个方向。
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 中不起作用吗?还是我做错了什么?
gulp - Gulp“watch”没有在文件更改时运行子任务“sass”
我将 Gulp 用于 watch 和 sass 编译器。当我第一次启动“watch”时,“sass”编译器运行并根据给定路径创建 css 文件。但是,当我更改 .scss 文件时,它不会再次调用“sass”编译器。以下是我的这两个任务和变量。
以下命令我用来运行“监视”任务
当我更改 .scss 文件时,我确实看到“手表”正在重新加载。以下是此日志。
不知道我在这里缺少什么。请帮忙。
gulp - Gulp.js 中的“./”是什么意思?
我一直在阅读 Gulp。在下面的代码中,您会注意到路径以gulp.src
和gulp.dest
开头./
的目的是./
什么?如果没有点,代码的运行会有什么不同吗?
gulp - gulp-sass 不会导入安装了凉亭的引导程序
我想遍历我所有的凉亭包。所有将 sass 文件作为主要文件的文件,我都想包含在includePaths
for gulp-sass 中。
我正在使用 npm 包main-bower-files
成功获取主文件(并且我过滤到仅 scss 文件)。
但是当我去编译时,我得到了以下错误(因为现在 bootstrap 是我唯一的一个):
我的 gulpfile 的相关部分是
html - 媒体查询不做任何事情
我用 SASS 做 HTML 和 CSS 已经有一段时间了,直到今天我所有的响应都在工作,突然我的 css 媒体查询停止了反应。
它们位于网页上正在加载的 css 文件中,但没有元素对它们做出反应......我无法将 3k 行的完整 css 文件复制到这里......
但我认为我缺少一些基本的东西。我正在使用 gulp-sass,它在处理 css 时没有报告错误。
我要疯了,我无法弄清楚问题所在。直到今天一切正常,我需要在周一之前交付一个项目,但我无法做出响应。
所有的查询都在工作。今天我什么都没做,当我运行项目时,查询不会做任何事情。
关于它可能是什么的任何建议?多谢你们。
node.js - gulp-sass 没有结果
我正在尝试使用 gulp 和 gulp-sass 在我的项目中编译凉亭组件。我正在使用 Windows 8。
我遇到的问题是 gulp-sass 似乎不起作用。或者至少不给我编译的结果。奇怪的是,我什至没有收到错误消息或其他东西。
我只是在我的输出目录中没有得到任何结果。
gulpfile.js:
到目前为止,我已经尝试了几件事:
我尝试使用命令通过命令行编译
这有效,我得到了预期的结果。因此我认为 sass 安装工作正常。
我尝试的另一件事是,我从上面的代码中删除了“.pipe(sass())”行,只连接并复制文件。那行得通。
第三个测试是,不要使用 main-bower-files 来获取文件,而是使用带有 sass 的固定路径:
但这也没有用。又没有结果。
我正在使用以下依赖项:
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