问题标签 [gulp-sass]

我想要这个输出，当我把我的输入输入到 Sassmeister 时传递：

但相反，我的输出是：

因为.brand-kampagne-klick是一个伪类（我想用 % 声明不适用于扩展）没有任何样式被应用。

我的输入是：

gulp-sass 和 sassmeister 有区别吗？我用"gulp-sass": "~1.1.0",.

我正在使用单个任务从 sass 和条带注释生成 css 文件，创建源映射并缩小。我正在尝试替换 theme.components-md.scss 文件中的字符串。

这是我的尝试：

但它不起作用。

我正在使用Gulp-Compass 并希望缩小我的 CSS。

当我这样做时，以下代码

缩小为：

该:nth-type部分使浏览器感到困惑，因此ux-panel-hidden无法读取。

带有缩小代码的 JSFiddle

具有非缩小代码的 JSfildde

tags-bar并且ux-panel在单独的 _scss 文件中，所以我不确定为什么 minfication 将它们放在一起。

我该如何解决？

这是我的 Gulp 代码：

我有以下代码在 sass 3.4.14 下运行良好

使用 libsass 3.2 效果不佳，但根据 sass-compatibility.github.io/ 应该支持此处使用的所有字符串函数。我收到以下错误消息：

$insert的参数str-insert($string, $insert, $index)必须是字符串

我该如何解决？由于 sass 编译时间的原因，我正在尝试切换到 libsass。

我正在为我的项目编写我的 gulp 文件。代码如下：

如果文件有任何更改，我想做的是重新加载浏览器*.scss。（我paths.styles.src的是'dev/assets/scss/**/*.scss'）

但是最后一个管道不起作用。只有当我进行一些配置时它才有效：

谁能帮我解释一下，因为网上的文件不够清楚。

非常感谢。

我正在用 gulp 任务编译 bootstrap-sass：

但这给了我以下错误：

问题似乎出在我使用源地图时；如果我删除它，任务就会通过。但是对于我所有的 gulp 依赖项，我都在使用“最新”版本；并且 gulp-minify-css 更改日志表明它支持 sourcemaps < 1.1.6。当我使用没有缩小的源映射时，构建也会通过。

我正在使用 GULP，第一页上一切正常。我将另一个project_1.html 页面链接到它，但由于某些原因，它的 JavaScript 无法正常工作。外部 html 文件可识别 Sass，但新链接文件除外scrit2.js。知道是什么原因造成的吗？这是 Gulpfile

在我包含的第二个 HTML 中

和我在主页上的一样

这是我的工作流程图片 http://s8.postimg.org/dytbyze4l/111.png

我正在gulp-sass使用node.js. 我正在使用libsass配置来设置includePaths选项。

以下代码有效：

...但我想用递归做一些事情并得到相同的结果，类似于以下可能性之一。就目前而言，使用这些设置我会收到错误：“找不到要导入的文件或无法读取”。

在罗盘中，这就像设置一样简单add_import_path "project/components"

我在编译我的 SASS 文件时遇到问题，现在将它们拆分出来并在我的主 scss 文件中导入我需要的文件。

我有一个样式文件夹，其中包含：

主文件

top_menu.scss

我在 main.scss 中添加了一些导入：

我的 gulp-sass 任务看起来像这样

path.scss_files 变量设置为：

scss_files: './src/assets/styles/**/*.scss'

当任务运行时，我收到一个错误：

找不到或无法读取要导入的文件：top_menu

我实际上希望能够将我的 scss 拆分为单独的相关子文件夹，然后使用 @import: 'navigation\top_menu' 有点东西。

为什么会出现这个错误？

谢谢

编辑：

compile_bower_sass 任务编译其他一些 scss 文件（font-awesome、bootstrap、custom_bootstrap），正如您从我的 main.scss 上的 @import 行中看到的那样。

运行 compile_sass 任务并查看输出 (dist) 文件夹时，我看到 css 文件是从 compile_bower_sass 任务生成的（因此 font-awesome.css、bootstrap.css、custom_bootstrap.min.css）。我注意到 top_menu.scss 文件也被复制了，但没有被编译，所以我想这就是发生错误的原因。

我是否需要在我的任务中指定一个顺序，所以我是否可以确保它最后编译 main.scss 以确保任何必需的文件（例如我的自定义 top_menu.scss）首先被编译并且可供我的主文件访问？

编辑 2

好的，所以我认为我的想法归结为编译顺序是正确的。

如果我更改我的 scss_files 变量以明确设置它们通过管道传输到 gulp-sass 的顺序（这次我进一步组织到文件夹中）

现在我原来的 compile-sass 任务按原样工作。

那么，我的下一个问题是如何配置 gulp-sass 以确保最后编译 main.scss 文件？或者我是不是走错了路？

编辑 3：

第一次问这个问题时，我可能应该添加这些额外的任务配置。所以 compile_sass 任务需要先运行 compile_bower_sass。

我现在结束了

找不到或无法读取要导入的文件：font-awesome

在我的 dist 样式文件夹中，我可以看到 font-awesome.css 已经生成。我在 gulp 和 sass 编译方面还很陌生，所以毫无疑问我在这里误解了一些东西。

当使用@import 语句时，文件是在寻找那个名为 scss 还是 css 文件？

我有以下 SCSS：

我期待以下CSS：

但是当我使用 gulp-sass 编译它时，我得到了这个：