问题标签 [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.
css - 如何触发 node-sass 像 grunt 和 ruby sass 那样使用监视文件进行编译?
正如标题所述,我想通过 node-sass 来观察/编译 scss 文件到 css,而无需一遍又一遍地运行命令。
编辑:是否有可以运行 node-sass 而不是 ruby sass 的 grunt 任务?因为我看到的是 grunt-contrib-sass/compass 都使用 ruby。
css - 将两个字符串加在一起 node-sass
我正在尝试创建一个名为getFont
以简化@font-face
调用的 mixin。使用指南针和 sass 我这样做:
这给了我使用指南针所需的结果,但是在使用 grunt 和 node-sass 时,我得到了这个:
看起来编译器在将两个字符串加在一起时遇到了一些麻烦?
javascript - 使用 nodemon 和 node-sass 编译 scss
我正在使用 node.js、express 和 node-sass 并使用 nodemon 监视文件更改。
我将此位添加到 app.js 以编译 scss(根据node-sass文档),但它没有做任何事情。每次我对项目进行更改时,我希望在 nodemon 运行 app.js 时编译 sass。
我不确定它是否甚至可以与这样的 nodemon 一起使用,但是只是在没有 nodemon 的控制台中运行 node app.js 什么都不做,所以它一定是我做错了。
APP.JS文件
谢谢你的帮助。
node.js - 让 SASS 使用 NodeJS Express 和 node-sass 自动编译
我正在使用 node.js 进行开发,而不是编写 css,而是想编写每当我刷新页面时自动编译的 SCSS 文件。
使用 NodeJS、Express 和 node-sass 时如何让 SASS 文件自动编译。
css - 在 SASS 编译期间 CSS3 @support 指令抛出错误
我正在尝试编译这个 SASS:
我正在通过 grunt-sass 0.13.1 使用 node-sass 0.9.3(即 libsass)。但是,我收到此错误:
与错误相关的行号是第一行,即包含@supports 指令的行。
我相信这是有效的 SASS/CSS,我已经使用 grunt-contrib-sass 0.7.3 成功编译了相同的声明。这意味着 libsass 不支持语法是一个问题,但是 AFAIK @support 指令已经存在很长时间了,所以这似乎不太可能。如果可能的话,我非常想使用 node-sass,因为它可以保证更快的编译速度。我该怎么做才能让它工作?
node.js - Gulp 突然编译极其缓慢
最近,不知何故,我为严格 sass 任务的 gulp 编译时间变得非常慢。他们现在平均每次编译大约 18-20 秒,这非常慢。我尝试从 ruby-sass 切换到 node-sass,但 node-sass 似乎不支持我需要的几乎任何 3.3 sass 语法(特别是映射)。在它们都在毫秒范围内之前;我从不记得他们甚至超过1s。
这是我的 sass 任务文件:
这是最近的一次 gulp 运行,也是:
javascript - 找不到模块'node-sass-middleware'
尝试使用 gulp 时,出现“找不到模块 'node-sass-middleware'”错误。
出于某种原因,node-sass-middleware 是空的。我已经像安装了 gulp
node-sass-middleware 文件夹已经出现,但里面是空的,但是 node_modules 文件夹也是空的。
我安装 gulp 错了吗?
node.js - 使用 Express 自动编译 SASS
我已经习惯了 Express 和其他各种与节点相关的框架,因为我发现它比 ASP MVC 世界更有趣且更轻量级。我要做的第一件事就是让 SASS 文件自动编译成 CSS 文件.
我已经找到了一些方法并安装node-sass
并遵循了一些教程,但我并没有完全得到我想要的结果。首先,这是我的目录结构。
所以我的计划相当简单:当我views/index.jade
在浏览器中访问时,我想index.jade
渲染static/stylesheets/index.css
——显然,这在编译时是不存在的,但我们index.scss
在sass
.
我目前的设置是/css/index.css
指__dirname/static/stylesheets
. 所以,在我的玉视图中,我有以下块:
目的是该链接将引用已编译的 sass 文件。这是 app.js 中关于 sass 的编译和静态内容服务的部分:
我的问题是,实际发生的事情是 SASS 似乎可以很好地编译 css,但由于我在上面使用/css/
的路线,它会将所有内容都添加到一个文件夹(不存在)中。/css
也许调试输出会更有意义:
显然,这不是故意的,最终会出现 404,因为浏览器认为我们正在请求css/index.css
但 SASS 文件正在被有效地编译成css/css/index.css
.
我应该在这里做什么?我认为我犯了一个明显的错误,但我看不到它,因为我是 node/express 的新手。
node.js - gulp bourbon 无法导入波旁威士忌参考
我使用 node-sass、node-bourbon、node-neat 运行 Gulp。到目前为止一切顺利,可以将 sass 文件编译为 css 而不会出错。除非,我在 scss 文件的顶部导入波旁威士忌和整洁。发生错误。
错误:stdin:1:找不到要导入的文件或不可读:“bourbon”
相同的来源,但用 grunt 很好地工作。有什么建议吗?...
附言。这是我的 gulpfile.js .- https://gist.github.com/foonmod/71d8dee473226cdd46f6
node.js - 让 SASS(自动)从特定文件编译到不同的文件夹中
我有/source/sass/skin1_settings.scss
其中包含来自 的导入/vendors/foundation/
,该样式的一些特定设置和app.scss
. 我希望我的 node.JS 直接编译成/skin/skin1/css/app.css
,我该怎么做?
注意:这与第二种风格相同。
我正在使用node-sass-middleware以便将 node-sass 与 Express 一起使用。
这是我的树结构,谢谢。