问题标签 [gulp-sass]

我目前有两个任务，它们都编译 sass 文件。我仍然想将这两个目录连接到单独的文件中，但如果我可以简单地创建一个负责所有 sass 编译的“sass”任务，它似乎更易于维护。

更新：

我试过这个：

但现在看来，这两个文件都没有被编译。关于我做错了什么有什么建议吗？

我无法让 sass sourcemaps 工作，我在 gulpfile 中设置了这个：

Sass 任务片段形式 Gulpfile：

该main.css.map文件实际上在.tmp/stylesnext to下生成main.css，但浏览器不会读取它。我正在使用带有BrowserSync的generator-gulp-webapp表单 yeoman 。

来自 gulpfile 的 BrowserSync 片段：

最近，不知何故，我为严格 sass 任务的 gulp 编译时间变得非常慢。他们现在平均每次编译大约 18-20 秒，这非常慢。我尝试从 ruby​​-sass 切换到 node-sass，但 node-sass 似乎不支持我需要的几乎任何 3.3 sass 语法（特别是映射）。在它们都在毫秒范围内之前；我从不记得他们甚至超过1s。

这是我的 sass 任务文件：

这是最近的一次 gulp 运行，也是：

我正在使用 gulp-sass 并收到以下错误：

这是我的 gulpfile.js：

相同的 scss（文件）可以通过以下方式编译：sass --watch path/to/main.scss --compressed

我尝试使用另一个插件（gulp-ruby-sass），但它引发了不同的错误。

我究竟做错了什么？

更新错误消息提到 _base.scss 中的第 13 行。这是该文件的内容：

我正在尝试将 gulp 作为 Grunt 的替代构建工具，将我的 scss 编译为 css，因为我听说它可以更快。

我什至在对我的 scss 文件进行基本编译时都遇到了问题。我曾尝试使用gulp-sass、gulp-ruby-sass和gulp-compass插件进行 gulp 并且每次都会收到几乎相同的错误消息：

所以看起来它一碰到指南针mixin就会掉下来。我在我的电脑上安装了 ruby​​，compass 版本为 1.0.0.alpha.19 和 sass 版本为 3.3.7。

这是我的 gulpfile：

任何想法如何告诉它我的指南针副本安装在哪里？我以为它是全局安装的。

我正在尝试创建一个 gulp-ruby-sass 任务，但是我看到以下错误：

我的项目结构：

在 styles.scss 我有：

我的吞咽任务：

我新创建的 all.min.css 显示：

我在 Bootcamp 上运行 Windows 7 64 位

我第一次在 Windows Server 2012 VM 上尝试 gulp。我通常是 Mac 用户，所以对于像这样的开发工具，我对 Windows 和 Powershell 有点陌生。我安装了 Node.js 和 npm（仅此而已）。我创建了以下基本 Gulpfile 来编译我的 Sass：

Gulpfile.js

在 Windows Powershell 中，我运行该gulp命令，它会输出以下内容：

我在这里错过了什么吗？我需要安装 Ruby 还是 Sass？我想这样做，我需要一个 Ruby 命令提示符，而 PowerShell 无法访问它。任何指导表示赞赏！

我有以下吞咽任务：

我遇到的问题是 SASS 编译器正在正确生成源映射并添加源映射注释，但随后 autoprefixer 删除了注释（而且我认为它也没有更新源映射）。

我试过删除 autoprefixer 并且它工作得很好，但是当我把它放回去时，他们的评论被删除了。我也尝试添加{ map: true }，但是每个源图都只有名称to.css.map。我也尝试添加from，to但我不知道如何告诉它当前文件名，所以它总是写入相同的文件名。

我将如何让 autoprefixer 合作和更新源映射？我需要使用另一个插件吗？

套餐：

我正在使用 gulp 运行编译我的 SASS 文件的构建命令。当我在本地编译这些 SASS 文件时，它们很好，但是当我在我的服务器上编译它们时，SASS 会删除所有 -moz-box-sizing 样式。SASS中是否有任何设置可以做到这一点？

任何关于从哪里开始的建议都会有所帮助。

另外，我忘了提到 box-sizing 属性是使用 mixin 应用的。mixin 只是简单地添加了所有的供应商前缀。

我有一个相当大的代码库，其中包含多个共享通用 sass 模块的项目。

我还为每个运行多个任务的模块设置了非常复杂的 gulpfile。

我遇到的一个问题是在更新单个共享 sass 模块时能够在多个项目上运行 sass 任务。

例如：

这种情况经常发生。当我更新shared-child.scss时，我希望重新编译所有包含shared-child.scss的项目文件。

因此，当我在shared-child.scss上运行 gulp sass 任务时，它会依次知道它在各个项目中的位置（即项目 1、项目 2、项目 3）并运行相应的 gulp 任务以包含对shared-child.scss。

正确的是，我在项目 gulp 中有父文件。监视所有包含的文件以进行更改，但反之亦然是问题所在。更新孩子并让父母重新编译。

任何有关如何实现这一点的信息将不胜感激。