问题标签 [node-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.

0 投票
1 回答
2008 浏览

angularjs - npm lite-server 无法识别 css 中的更改

我正在构建 Angular 2 Tour of Heroes 教程应用程序。我正在编译我的 sass 以生成 css,但 lite-server 无法识别此更改,因此不会刷新浏览器。对 .ts 文件的更改按预期识别并且浏览器刷新

我的文件夹结构是这样的:

请参阅下面的 package.json。

你能告诉我问题是什么吗?我注意到有一次奇怪的事情是当 lite-server 启动时,.css 文件获取 HTTP 304 代码,而 public 文件夹下的所有其他内容都获取 200

0 投票
2 回答
4015 浏览

node.js - Node-sass 找不到 Compass 导入

是否可以将 Compass 与 node-sass 一起使用?似乎 node-sass 不知道如何开箱即用地导入 Compass 功能。

0 投票
0 回答
30 浏览

function - SASS 在变量定义中使用函数

我正在使用 node-sass 并尝试构建一组易于重新主题的样式,这意味着例如,更改一种颜色将更新其他各种颜色。

我有一个函数,它采用颜色(背景颜色),确定亮度,并输出预设的深色或浅色用作文本颜色。我以前用过同样的功能,效果很好。它包含在 sass 文件中,并且已经测试过它可以工作。

但是,我现在尝试在变量声明中使用此函数。所以我有

($bg-color、$color-text- 等在工作表的前面设置)

问题是,无论我在哪里使用 $contentbox-text-color,我都将其视为颜色值

(其中“蓝色”是 $bg-color 值)——而不是我希望看到的函数的结果。我试过插值如下所示的函数,但结果是一样的

我需要通过变量访问此函数,因为然后我使用变量(/结果颜色)作为 mixin 的参数,以及在其他各种地方。

有谁知道有什么方法可以实现我想要做的事情?我找不到有关在变量中使用函数的任何信息,所以我不知道这是否是不可能的,或者我只是缺少一些可以使其正常工作的语法!

谢谢 :)

快速更新:如果我直接调用函数作为 mixin 中的参数,这将正确编译,但理想情况下,我希望能够简单地使用变量名,以便可以在整个过程中使用相同的变量(如果由于某种原因它改变了,这是可能的,不得不去每个 mixin 并更新参数而不是简单地依赖变量会很痛苦!)

0 投票
8 回答
39697 浏览

node.js - 将 node-sass 监视选项与 npm run-script 一起使用

所以我在 npm 包脚本中运行任务,但我想在npm start.

这有效:

这不会编译、观察或抛出任何错误:

没有parallelshell 或者没有速记都不能工作。

我认为问题是运行脚本在引号中传递了额外的参数,所以命令的输出如下:

我希望它能够在不添加任何依赖项的情况下工作。我错过了什么?

顺便说一句,我在带有命令提示符/git bash 的 Windows 10 中。

0 投票
3 回答
27891 浏览

css - 如何使用 node-sass 将 scss 编译为 css

我有一个 master.scss,其中包含许多从其他 .scss 文件中导入的内容。如果我更改 * .scss 文件 master.css 会自动生成。

我只使用 NPM,没有 Gulp 或 Grunt!这应该保持不变。

我当前的构建脚本:

这很好,但需要很长时间才能编译!

现在我正在尝试使用node-sass。它应该编译得非常快。不幸的是,我不完全理解... node-sass已安装,通过npm install node-sass

我在哪里使用以下内容(来自文档)?

这不是这样的package.json,对吧?

这是我读过的教程: Using NPM as a Task Runner

剧本不错。我该如何使用它?

这会将所有 sass 文件(不以下划线开头)编译到 build/css/ 目录。

我希望能得到你的帮助!

0 投票
1 回答
345 浏览

node.js - npm update 抛出 node-sass 错误

前段时间我在我的一个项目中使用了 node-sass。现在,当我编写npm updatenpm install在任何项目中(根本不使用 node-sass)时,我收到以下错误:

到目前为止我尝试过:

  • npm 重建
  • npm 重建节点-sass
  • npm 卸载 -g node-sass
  • npm install -g npde-sass@2 (在某处我读到 v2 没有问题)

我的节点版本是 v5.1.0

我根本不需要 node-sass,但不知何故它会抛出一个错误,我根本无法解释。有没有人知道如何摆脱这个?

0 投票
1 回答
679 浏览

travis-ci - Travis 在使用 pytest 时从 node-sass 中的打印语句中抛出 Python 语法错误

在使用pytest-django测试 Django 应用程序时,我遇到了 Travis 的一个奇怪问题。我所有的测试都在本地通过,显然也在 travis 上通过,但无论我做什么,每次都会node-sass出错node-gyp

我的测试都没有使用任何节点模块(如果可能的话)。我确实使用了具有 gulp-sass 的 gulp,但是在测试运行之前运行它似乎工作正常。

这是错误输出:

0 投票
3 回答
23746 浏览

node.js - 带有 node-sass 和 autoprefixer 的 npm

我使用 node-sass 将我所有的 Sass 文件编译为 master.css。这很好用,但现在我想添加前缀。我只想使用 npm,不使用 Gulp 或 Grunt。

这是我的 package.json 文件:

我不让它运行。我使用 autoprefixer 和 postcss-cli。模块已本地安装在项目目录中。我认为我的“脚本”部分是错误的。那怎么看才对?

0 投票
1 回答
867 浏览

gulp-sass - 当工作目录深度嵌套并且 includePaths 是相对的时,Sass 编译失败

尝试使用 导入 npm 包的 scss 时gulp-sass/node-sass/libsass,失败

版本:

在调查这个问题时,我已经缩小了潜在的外部问题的范围。在此位置替换哪个文件或它的内容(甚至是空内容)并不重要,libsass似乎无法找到嵌套的 @import相对于找到的文件的路径。

在这种情况下:

  1. includePaths: ['../../node_modules']

  2. 编译命令cd spec/dummy && gulp sass目标application.scss

  3. 结构

注意:很明显core是在bootstrap-material-design包里面找到的node_modules

目录结构

很明显_core.scss找到了嵌套文件,但是嵌套文件找不到与其相关的文件。

另请注意,如果 mycwd位于该项目的根目录,我 _can_compile。cwd向下移动spec/dummy并编译,突然找不到这个嵌套的相对文件。

我在这里想念什么?

0 投票
2 回答
2334 浏览

node.js - 无法在 Raspbian (Raspberry) 上安装 Gulp-Sass (Node-Sass)

我正在尝试在我的 Raspberry Pi 上安装 node-sass 或 gulp-sass,但出现以下错误:

我试过这个解决方案:https ://www.raspberrypi.org/forums/viewtopic.php?f=66&t=117076 ,但不起作用。

谢谢,