问题标签 [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.
angularjs - npm lite-server 无法识别 css 中的更改
我正在构建 Angular 2 Tour of Heroes 教程应用程序。我正在编译我的 sass 以生成 css,但 lite-server 无法识别此更改,因此不会刷新浏览器。对 .ts 文件的更改按预期识别并且浏览器刷新
我的文件夹结构是这样的:
请参阅下面的 package.json。
你能告诉我问题是什么吗?我注意到有一次奇怪的事情是当 lite-server 启动时,.css 文件获取 HTTP 304 代码,而 public 文件夹下的所有其他内容都获取 200
node.js - Node-sass 找不到 Compass 导入
是否可以将 Compass 与 node-sass 一起使用?似乎 node-sass 不知道如何开箱即用地导入 Compass 功能。
function - SASS 在变量定义中使用函数
我正在使用 node-sass 并尝试构建一组易于重新主题的样式,这意味着例如,更改一种颜色将更新其他各种颜色。
我有一个函数,它采用颜色(背景颜色),确定亮度,并输出预设的深色或浅色用作文本颜色。我以前用过同样的功能,效果很好。它包含在 sass 文件中,并且已经测试过它可以工作。
但是,我现在尝试在变量声明中使用此函数。所以我有
($bg-color、$color-text- 等在工作表的前面设置)
问题是,无论我在哪里使用 $contentbox-text-color,我都将其视为颜色值
(其中“蓝色”是 $bg-color 值)——而不是我希望看到的函数的结果。我试过插值如下所示的函数,但结果是一样的
我需要通过变量访问此函数,因为然后我使用变量(/结果颜色)作为 mixin 的参数,以及在其他各种地方。
有谁知道有什么方法可以实现我想要做的事情?我找不到有关在变量中使用函数的任何信息,所以我不知道这是否是不可能的,或者我只是缺少一些可以使其正常工作的语法!
谢谢 :)
快速更新:如果我直接调用函数作为 mixin 中的参数,这将正确编译,但理想情况下,我希望能够简单地使用变量名,以便可以在整个过程中使用相同的变量(如果由于某种原因它改变了,这是可能的,不得不去每个 mixin 并更新参数而不是简单地依赖变量会很痛苦!)
node.js - 将 node-sass 监视选项与 npm run-script 一起使用
所以我在 npm 包脚本中运行任务,但我想在npm start
.
这有效:
这不会编译、观察或抛出任何错误:
没有parallelshell 或者没有速记都不能工作。
我认为问题是运行脚本在引号中传递了额外的参数,所以命令的输出如下:
我希望它能够在不添加任何依赖项的情况下工作。我错过了什么?
顺便说一句,我在带有命令提示符/git bash 的 Windows 10 中。
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/ 目录。
我希望能得到你的帮助!
node.js - npm update 抛出 node-sass 错误
前段时间我在我的一个项目中使用了 node-sass。现在,当我编写npm update
或npm install
在任何项目中(根本不使用 node-sass)时,我收到以下错误:
到目前为止我尝试过:
- npm 重建
- npm 重建节点-sass
- npm 卸载 -g node-sass
- npm install -g npde-sass@2 (在某处我读到 v2 没有问题)
我的节点版本是 v5.1.0
我根本不需要 node-sass,但不知何故它会抛出一个错误,我根本无法解释。有没有人知道如何摆脱这个?
travis-ci - Travis 在使用 pytest 时从 node-sass 中的打印语句中抛出 Python 语法错误
在使用pytest-django测试 Django 应用程序时,我遇到了 Travis 的一个奇怪问题。我所有的测试都在本地通过,显然也在 travis 上通过,但无论我做什么,每次都会node-sass
出错node-gyp
。
我的测试都没有使用任何节点模块(如果可能的话)。我确实使用了具有 gulp-sass 的 gulp,但是在测试运行之前运行它似乎工作正常。
这是错误输出:
node.js - 带有 node-sass 和 autoprefixer 的 npm
我使用 node-sass 将我所有的 Sass 文件编译为 master.css。这很好用,但现在我想添加前缀。我只想使用 npm,不使用 Gulp 或 Grunt。
这是我的 package.json 文件:
我不让它运行。我使用 autoprefixer 和 postcss-cli。模块已本地安装在项目目录中。我认为我的“脚本”部分是错误的。那怎么看才对?
gulp-sass - 当工作目录深度嵌套并且 includePaths 是相对的时,Sass 编译失败
尝试使用 导入 npm 包的 scss 时gulp-sass/node-sass/libsass
,失败
版本:
在调查这个问题时,我已经缩小了潜在的外部问题的范围。在此位置替换哪个文件或它的内容(甚至是空内容)并不重要,libsass
似乎无法找到嵌套的 @import相对于找到的文件的路径。
在这种情况下:
includePaths: ['../../node_modules']
编译命令
cd spec/dummy && gulp sass
目标application.scss
结构
注意:很明显core
是在bootstrap-material-design
包里面找到的node_modules
很明显_core.scss
找到了嵌套文件,但是嵌套文件找不到与其相关的文件。
另请注意,如果 mycwd
位于该项目的根目录,我 _can_compile。cwd
向下移动spec/dummy
并编译,突然找不到这个嵌套的相对文件。
我在这里想念什么?
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 ,但不起作用。
谢谢,