sass相关内容

缩进的 Sass 语法不适用于 node-sass 和 gulp-sass

Libsass 2.0 为 libsass 用户带来了缩进语法,但到目前为止,我还无法使其与 node-sass 和 gulp-sass 一起使用.我有所有最新版本: node-sass:0.93 gulp-sass:0.7.2 吞咽:3.8.2 此设置使用括号语法编译 .scss 文件甚至 .sass 文件,但不会编译缩进语法.有人用 node-sass 和 gulp 成功编译了 ..
发布时间:2022-01-12 14:15:34 前端开发

使用 GULP 编译 SASS 和 SUSY

我正在尝试让 gulp 编译我的 sass 并使用 susy 网格/框架. 我无法在网上找到有关此的任何信息. 我已包括: "gulp-ruby-sass": "^0.7.1", 进入我的 package.json 并安装一切. 我的 gulp sass gulp 任务喜欢这样: gulp.task('sass', ['images'], function () {retu ..
发布时间:2022-01-12 14:12:57 前端开发

Gulp - 处理多个主题和文件夹

我正在尝试创建一个终极的 gulpfile,我们可以在我们的一个大型网站上使用它(一个具有多个主题的网站,具体取决于您所在的网站部分).我试图让它只运行它需要运行的进程,而不是重新编译所有东西. 让我准确地布局我想要实现的目标: 文件夹结构 src/主主题/css/样式.scss部分/_a.scss_b.scss图片/一个.jpgb.jpg子主题/css/样式.scss部分/_c.s ..
发布时间:2022-01-12 14:12:40 其他开发

错误:生成 ENOENT:缺少 sass 可执行文件

我在 Windows 中使用 bash. 尝试通过 gulp 运行 sass 编译器命令时出现此错误.我有红宝石&萨斯安装.Sass 在手动运行时运行良好. 错误:生成 ENOENT:缺少 sass 可执行文件.请安装 sass 并在您的 PATH 上可用 我已将我的 ruby​​ bin 的目录包含在 PATH 变量中(环境变量中的系统变量). 有人有什么想法吗? 解决方案 ..
发布时间:2022-01-12 14:11:16 其他开发

使用 Gulp-SASS 从 node_modules 导入 CSS

我想使用 SASS 从我的 node_modules 导入一个 CSS 文件. @import 'normalize.css/normalize'; 这就是我的 gulpfile.js 处理我的 SASS 的方式: constgulp = 需要('gulp'),sass = require('gulp-sass');gulp.task('sass', function () {return ..
发布时间:2022-01-12 14:09:57 其他开发

缓存在 SASS 文件中链接的破坏图像

我对 Laravel 5.0 相当陌生,但对 PHP 不是.我一直在使用 Elixir 来编译我的 SASS,从我的资源目录复制图像并通过 mix.version 函数运行它们以防止缓存. 不过,这对 CSS、图像和 JavaScript 非常有用;是否也可以让 Elixir 缓存在我的 CSS/SASS 中链接的图像?当然,对图像进行版本控制很容易,但有没有办法调整 CSS 以反映新的文件 ..
发布时间:2022-01-12 14:09:41 前端开发

Gulp-sass 无法编译 scss 文件

我正在使用 Gulp 将我的 sass 编译成 css.一个简单的任务编译 _/sass 目录中的 style.scss 文件,并将输出保存到项目的根目录中.style.scss 仅用于导入 _/sass 目录下的其他文件. 当我从命令行 ($ gulp) 运行默认任务时,我收到一个 sass 无法编译的错误.它全部包含在下面.我已从包含的文件中删除所有内容并再次运行该任务.我仍然收到相同的 ..
发布时间:2022-01-12 14:04:08 前端开发

Gulp Sass - 如何正确命名输出 css?

我正在阅读关于 sass 的教程 这里 然后我尝试了其他一些方法,我无法在本教程中得到答案.有问题.我的 gulpfile.js 中有这段代码 gulp.task('compileNavbar', function() {gulp.src('assets/css/sass/**/*.navbar.scss').pipe(sass('navbar.css')).pipe(gulp.dest('as ..
发布时间:2022-01-12 14:02:35 前端开发

sass-lint 是否忽略了某行?

我在 Gulp 中使用 sass-lint.如何从 lint 控制台输出禁用我的 sass 中特定样式的警告? 我发现了一个类似的问题,但我使用的是 sass-lint,而不是 scss-lint:让 scss-lint 忽略特定行 这是我正在使用的:https://www.npmjs.com/package/gulp-sass-lint 我尝试了一些基于 scss-lint 项 ..
发布时间:2022-01-12 13:59:52 其他开发

使用 Gulp 更改后浏览器同步不刷新页面

我是 Gulp 的新手,我想利用它的自动 scss 编译和浏览器同步.但我无法让它工作. 我剥离了所有内容,只在 Browsersync 网站上保留了示例的内容: http://www.browsersync.io/docs/gulp/#gulp-sass-css var gulp = require('gulp');var browserSync = require('browse ..
发布时间:2022-01-12 13:58:25 其他开发

使用 Gulp 编译 Sass 并缩小供应商 css

掌握 Gulp 并提出问题. 所以我有一个类似下面的 gulp CSS 任务,它工作得很好: var sassDir = 'app/scss';var targetCssDir = '公共/资产';gulp.task('css', function(){返回 gulp.src(sassDir + '/main.scss').pipe(sass({ style: 'compressed' } ..
发布时间:2022-01-12 13:57:42 前端开发

Gulp-sass 不会编译成 CSS

我无法让 grunt-sass 编译为 .css.看过很多其他类似的帖子并使用了建议,但似乎没有任何效果. 我可以让其他插件正常工作(例如'del'删除内容,显示在这里)所以看起来我的环境没问题,我可以让普通的 vanilla sass 编译/监视正常工作. 这是我的设置以防万一: OSX Maverics 10.9.5 $ ruby​​ -vruby 2.0.0p481(20 ..
发布时间:2022-01-12 13:54:47 其他开发

Gulp Sass 不编译部分

所以我将 Gulp Sass 与 gulp-changed 一起使用(我也尝试使用更新的语法更改 gulp-newer)和查看我文件夹中的所有 scss 文件. 当我更改基本 scss 文件时,它会毫无问题地编译. 但是,如果我更改部分,它将不会编译依赖于该部分的 sass 文件. 吞咽 var SRC = './stylesheets/**/*.scss';var DEST ..
发布时间:2022-01-12 13:50:55 其他开发

Gulp 似乎找不到 compass mixin

我正在尝试将 gulp 作为 Grunt 的替代构建工具,将我的 scss 编译为 css,因为我听说它可以更快. 我什至在对我的 scss 文件进行基本编译时都遇到了问题.我曾尝试使用 gulp-sass、gulp-ruby-sass 和 gulp-compass 插件进行 gulp,但我得到了几乎相同的错误每次留言: error screen.scss(_grid.scss 的第 2 ..
发布时间:2022-01-12 13:49:37 其他开发

将所有 sass 文件合并到一个文件中

gulp-sass 中是否有任何选项可以组合 sass 文件? 例如: ma​​in.scss: $var: red; control.scss: @import 'main';.一个{颜色:$var;} 合并后的输出文件应该是单个 scss 文件,如下所示 $var: red;.一个{颜色:$var;} 解决方案 你尝试过这样的事情吗? gulp = require( ..
发布时间:2022-01-12 13:45:49 其他开发

在 Gulp 中使用变量作为目标文件名?

我是 gulp 的新手,我想知道我想要实现的目标是实际的还是可能的. 我的项目结构: 根|组件|||组件_1||样式.scss||动作.js||模板.html||...|组件_2||样式.scss||模板.html||...|上市|资产|CSS(目标)|component_1.css|组件_2.css|...js(目标) 现在我想要的是 Gulp 将编译后的 css 文件存储在 publ ..
发布时间:2022-01-12 13:41:16 前端开发

如何在 Polymer 组件中使用 Sass

我目前使用 Polymer 作为我的前端开发框架.我喜欢萨斯.现在我知道我可以像往常一样创建一个 Sass 文件并导入它. 不过,我已经养成了在我的 Web 组件中使用样式标签的习惯. 基本上,我正在寻找的工作流程是能够在我的 Web 组件中简单地定义一个脚本标签,也许可以添加 type='sass;给它.然后在将文件输出到我的 .tmp 目录之前,让 grunt 编译这些标签中的所有 ..
发布时间:2022-01-12 13:40:12 前端开发

带有通知的 Gulp-sass 错误

我想知道是否有办法让通知显示有关 gulp-sass 错误的消息.最好是显示在控制台中的实际消息. 我的 gulp 任务如下所示: gulp.task('styles', function() {返回 gulp.src('src/scss/style.scss').pipe(sass({ style: 'compressed', errLogToConsole: true })).pipe ..
发布时间:2022-01-12 13:39:50 其他开发