问题标签 [gulp-ruby-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.
gulp - Gulp 通知 Sass 错误
当我的 gulp-ruby-sass 编译器出现错误时,我试图收到通知。我已经尝试了许多在这里找到的建议,但没有给我错误通知。我确实收到了“任务完成”通知,所以我知道通知正在工作。另外,我已经注释掉了我尝试过的一些其他方法。谢谢!
sass - 在编译期间使用 gulp-ruby-sass 将包导入源文件
我的目标是在使用gulp -ruby-sass 时使用一个带有n 个资产部分的scss 文件来创建n 个css 样式表。
这是我的目录结构的示例:
在“gulpfile.js”里面会有以下内容:
在“_asset.scss”里面会有以下内容:
在“style.scss”里面会有以下内容:
通过运行 gulp 我会得到错误:
错误 css/style.scss(第 3 行:未定义变量:“$textColor”。)
假设我要取消注释 style.scss 中的第 1 行。然后运行 gulp 应该正确编译 style.scss 以创建 style.css,但取消注释第 1 行不是我正在寻找的答案。我需要 gulp 使用 gulp-ruby-sass 或其他插件来完全执行 style.scss 上的第 1 行正在执行的操作,或者类似的操作,并获得相同的结果。
PS(希望通过这个解决方案,我可以使用“gulp-rename”并能够使用多个资产文件生成多个 css 样式表,并且只使用一个 scss 文件!)
sass - Gulp Sass Watch Run 仅更改和依赖项
我试图弄清楚如何观察 SCSS 文件的更改,然后只为那些更改(添加、删除)和它们的依赖项(@import)运行任务(gulp-ruby-sass)。
我的手表任务代码是:
我的“sass”任务代码是:
无论如何,Sice sass 都会将所有文件放在文件夹中,这不能按我的意愿工作,但我注意到有趣的事情。style2.scss
在我的命令行中,当保存文件触发“sass-watch”时,我得到以下日志。
某些记录write style_combined.css and style2.css
正是依赖关系的方式。(styl2.scss 被导入到 style_combined.scss)。所以这意味着,有些东西知道依赖项是如何设置的。问题是,我不知道那是什么东西。我无法在其他地方获得该信息,只能在最终日志中获得。如果我可以在代码中的某处获得该信息,我将能够仅用于为更改的文件和依赖项触发任务。
任何想法,什么可能会发出这些日志?
我试图将我的代码剥离到最低限度,即使我删除了“sass”任务的内容,日志仍然存在。['sass']
删除触发器后,日志消失了gulp.watch
。
sass - gulp-ruby-sass 错误 命令行太长
我有大约 30 个文件夹,每个文件夹都有 scss 文件。我正在使用gulp-ruby-sass
. 现在仍然可以正常工作,今天我创建了新的 scss 文件,然后它开始出现以下错误
命令行太长。
我搜索并了解命令提示符在一定长度后无法处理 cmd。但我不知道如何解决这个问题。请在我的 gulp 任务下方找到
gulp - 运行 Gulp SASS 没有输出
Gulp 版本 3.9.1
Gulp Ruby SASS 版本 2.1.0
功能:
输出:
没有出现错误消息,但没有输出文件。
build - 将 Gulp 与 Visual Studio Team Services 一起使用
我希望使用 Visual Studio Team Services 设置自动构建,但我一直遇到麻烦。我的构建定义:
尝试使用“'gem' 未被识别为内部或外部命令”安装 sass gem 时构建失败。如果我在没有先安装 sass gem 的情况下构建,gulp 将失败,并显示“'sass' 未被识别为内部或外部命令”。任何人都有让 sass 在 Visual Studio Team Services 中工作的经验吗?
javascript - Gulp 编译错误 js.72。未处理的错误
我最近刚刚将本地 gulpfile 和包复制到服务器上,以便在服务器上编译 sass,而不必每次进行更改时都复制文件。gulp 任务之前运行良好,但现在当我尝试 gulp css 任务时,我收到此错误。
这是我的 gulpfile。我以为我已经处理了所有错误,但我想我错过了一些东西。Gulpfile 太混乱了……
docker - 在 Docker 容器中找不到 gulp-ruby-sass 的 Sass
我有一个使用该gulp-ruby-sass
插件的 Web 应用程序,它在安装sass
gem 的容器中运行。
这是 Dockerfile:
这是引导脚本文件(用于引导应用程序):
这是宝石文件:
我以这种方式启动容器:
问题是,当gulp build-css
使用 执行gulp 任务时docker-compose
,它没有找到sass
日志中显示的 gem:(在此处Gem sass is not installed
完成日志),但是当我使用 bash 运行容器并执行文件时,一切运行顺利。bootstrap.sh
关于如何使用sass
anddocker
的任何想法gulp-ruby-sass
?
更新
我发现从外部执行 gulp 任务,它也没有找到:
sass - gulp-ruby-sass 编译到错误的目录
我从这里https://github.com/expressly/angular-browserify-seed分叉了 github repo ,安装了所有东西,但是 gulp 不能正常工作。问题是,如果我更改app.scss
(src 样式文件)中的某些内容,gulp 编译它不是构建文件夹,而是
gulpfile 导入了很多不同的文件,这真的很大,但我看到问题只出现在styles
任务中。下面是这个任务的代码
我为此花了四个小时,它打破了我的头。没有错误,只是错误的目标文件夹。这是包含所有路径的配置文件。
红宝石或宝石可能有问题吗?任何人都可以帮忙吗?谢谢