问题标签 [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 投票
2 回答
1110 浏览

css - 如何触发 node-sass 像 grunt 和 ruby​​ sass 那样使用监视文件进行编译?

正如标题所述,我想通过 node-sass 来观察/编译 scss 文件到 css,而无需一遍又一遍地运行命令。

编辑:是否有可以运行 node-sass 而不是 ruby​​ sass 的 grunt 任务?因为我看到的是 grunt-contrib-sass/compass 都使用 ruby​​。

0 投票
1 回答
121 浏览

css - 将两个字符串加在一起 ​​node-sass

我正在尝试创建一个名为getFont以简化@font-face调用的 mixin。使用指南针和 sass 我这样做:

这给了我使用指南针所需的结果,但是在使用 grunt 和 node-sass 时,我得到了这个:

看起来编译器在将两个字符串加在一起时遇到了一些麻烦?

0 投票
0 回答
1310 浏览

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文件

谢谢你的帮助。

0 投票
2 回答
31623 浏览

node.js - 让 SASS 使用 NodeJS Express 和 node-sass 自动编译

我正在使用 node.js 进行开发,而不是编写 css,而是想编写每当我刷新页面时自动编译的 SCSS 文件。

使用 NodeJS、Express 和 node-sass 时如何让 SASS 文件自动编译。

0 投票
1 回答
1922 浏览

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,因为它可以保证更快的编译速度。我该怎么做才能让它工作?

0 投票
2 回答
8421 浏览

node.js - Gulp 突然编译极其缓慢

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

这是我的 sass 任务文件:

这是最近的一次 gulp 运行,也是:

0 投票
0 回答
3456 浏览

javascript - 找不到模块'node-sass-middleware'

尝试使用 gulp 时,出现“找不到模块 'node-sass-middleware'”错误。

出于某种原因,node-sass-middleware 是空的。我已经像安装了 gulp

node-sass-middleware 文件夹已经出现,但里面是空的,但是 node_modules 文件夹也是空的。

我安装 gulp 错了吗?

0 投票
1 回答
158 浏览

node.js - 使用 Express 自动编译 SASS

我已经习惯了 Express 和其他各种与节点相关的框架,因为我发现它比 ASP MVC 世界更有趣且更轻量级。我要做的第一件事就是让 SASS 文件自动编译成 CSS 文件.

我已经找到了一些方法并安装node-sass并遵循了一些教程,但我并没有完全得到我想要的结果。首先,这是我的目录结构。

所以我的计划相当简单:当我views/index.jade在浏览器中访问时,我想index.jade渲染static/stylesheets/index.css——显然,这在编译时是不存在的,但我们index.scsssass.

我目前的设置是/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 的新手。

0 投票
1 回答
2758 浏览

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

0 投票
1 回答
143 浏览

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 一起使用。

这是我的树结构,谢谢。