问题标签 [grunt-contrib-sass]

我对 Grunt 和 node 很陌生，所以请多多包涵。我在 mac OSX 操作系统上。我将引导您详细了解我运行的脚本以提供帮助。在我的终端。首先，我使用以下方法安装 Homebrew：

然后我使用自制软件安装了节点：

运行 grunt 命令行界面

冉萨斯

启动节点以更新/创建我的 package.json 文件：

现在这是奇怪的部分

当我跑的时候：

我收到了UNMET PEER DEPENDENCY grunt@>=0.4.0错误

当我查看我的 package.json 文件时。安装了 grunt-contrib-sass 包，但未安装 grunt。

npm 还不够聪明，无法知道你是否需要 grunt-contrib-sass 你还需要 grunt，所以它会同时安装它们吗？

我的 package.joson 文件不应该自动更新为：“devDependencies”：{“grunt”：“^0.4.5”，“grunt-contrib-sass”：“^1.0.0”}

我错过了什么吗？

谢谢

我的文件夹结构如下

-项目文件夹

• 粗鲁的
  • 供应商
  • 模块
  • 部分
    • sass1.scss
    • sass2.scss
• css
• 索引.html

我想在没有指南针的情况下编译 sass 文件，对每个单独的 css 文件（sass1.css，sass2.css）使用 grunt

我尝试了代码

但这不会生成 css 文件。请提供您的解决方案。

我正在使用 grunt、grunt-contrib-sass 和 angular 材料。添加角度材料后，构建开始在 CI 过程（BitBucket Pipelines）中失败。错误是：

Invalid US-ASCII character "\xE2" online 4242 of bower_components/angular-material/angular-material.scss

我所读到的关于解决这个问题的所有内容都涉及在 SASS 文件的顶部设置编码，但由于它是在构建过程中通过 bower 安装的，所以这是不合理的。我确实尝试将它添加到我的主要 scss 文件的顶部，其中导入了角度材料，但这不起作用。

我正在使用 PC，它在本地运行良好。我正在starefossen/ruby-node:latest为 CI 使用 docker 映像，但它失败了。这是管道中的构建脚本：

npm install npm install -g bower bower install --allow-root npm install -g grunt-cli gem install sass grunt test grunt build

这将安装 sass 3.4.22。

我正在为 sass 到 css 处理实现 grunt 插件，但是有 2 个选项可用 grunt-contrib-sass 和 grunt-sass。我在互联网上搜索但找不到任何相关答案，即 grunt-contrib-sass 和 grunt-sass 有什么区别，哪个更好？

我正在寻找将scss 文件（包含导入）连接到单个scss文件中的简单方法，

不是编译而是concat。

更多细节：我们的 SCSS 是基于数据库中的变量即时编译的，因此在部署之前无法编译它。但我仍然想做一些优化来帮助服务器端编译器——将许多文件合并为一个文件。

突然之间，我的 grunt-contrib-sass 任务Could not find an option named "sourcemap"在构建时抛出错误。我目前安装了 sass 3.5.1 并使用 grunt-contrib-sass 1.0.0。有什么想法可能导致这种情况吗？这是我看到的输出：

而且，这不是编译 CSS。想法？

sass/style.scss这是我的 gruntfile.js，它与和 位于同一目录中package.json。package.json有grunt，grunt-contrib-sass并grunt-cli安装。

任何想法为什么我收到未找到任务的错误？

我正在尝试使用 编译 SASS grunt-contrib-sass，但我得到一个空的 CSS 文件。

这是package.json我能想出的最简单的编译 SASS/SCSS 的方法：

这和 SCSS 文件一样简单：

这gruntfile.js：

如果我执行grunt sass，它会创建一个全新的空 test.css文件。

我想我知道为什么。

这个命令test2.css从我的源代码中创建了一个完全可以的：

但这只是将编译后的 CSS 输出到显示器并创建一个空文件：

当我跑步grunt sass时，这正是我所看到的。这意味着grunt-contrib-sass没有正确指定命令行。

我不明白为什么，因为这个设置正是我见过的每个示例中所显示的。当然，我的设置肯定有问题，否则每个人都会有这个问题？

我正在使用 grunt 编译 sass，whis 工作了很长时间，但现在，我面临这个问题。

最近我清理了我的笔记本电脑并重新启动它，现在我遇到了这个问题。所以任何人都可以帮我解决这个问题。

（新手帖）

我为这棵树使用了 Grunt ：

Gruntfile.js：

它运行没有任何错误，但它不带任何文件。style.css还是空的。

当我替换这一行时：

和 ：

它正确地接收.css文件。header/

这两种语法中的任何一种都没有任何错误。

任何的想法 ？