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

ruby-on-rails - 如何让 Eyeglass 使用 gulp-sass 正确发现我的 node_modules?

试图用 gulp 清理我的 Rails 资产管道。厌倦了将每个 npm 包 scss/css 文件显式添加到 includePaths 中。我已经彻底搜索并阅读了文档,但我仍然无法让Eyeglass找到我的 node_modules。

这是我到目前为止的设置:

我试图将 Eyeglass 指向'./node_modules'路径并使用模式数组让它正确解析已安装的包以供 css/scss 导入。当我查看文档时,似乎甚至不必用模式来指导它,但是一旦你将它指向正确的目录,它就会知道在哪里看。

有没有一种简单的方法可以将我的所有--save-dev模块添加到眼镜中?

0 投票
1 回答
1508 浏览

npm - 在不使用 Python 的情况下使用 npm 安装 scss-lint

我正在尝试gulp-scss-lint在我的机器上工作,但在这样做时遇到了麻烦。

语境

我感觉特定版本和环境设置可能对我的问题很重要,所以让我列出我的特定上下文:

  • Windows Server 2012 R2 标准版
  • NPM 2.14.7
  • 节点 4.2.2
  • 安装了 Gulp 3.9.0-g
  • 从 Powershell 4.0 运行

复制品

这是我的问题的重现:

  1. mkdir gulpscsslintcd gulpscsslint
  2. npm init所有默认答案
  3. npm install gulp --save-dev
  4. npm install gulp-scss-lint --save-dev
  5. new-item -itemtype file gulpfile.js并输入:

    /li>
  6. new-item -itemtype file styles.scss

  7. gulp

结果:

预期的结果显然是 linter 的实际输出。

于是我继续说:

  1. npm install scss-lint --save-dev

但它失败了failNoPython,输出中的这个片段:

问题

让Python安装这个 Node 包真的是一个硬性要求吗?还是可以在不安装 Python 的情况下以某种方式安装它?

作为一个脚注,既然我已经完全写了这个问题,我意识到这可能更像是一个 Github 问题,但如果是这样,我可能需要一些帮助(学习如何)找出什么包或工具给了我麻烦(gulp-scss-lint? scss-lint? npm?node-sass或其他一些底层包?)。

0 投票
0 回答
39 浏览

node.js - 使用 node-sass 在 SCSS 中进行乘法的无效操作数

我正在尝试使用 Sass 测试贝塞尔三次曲线的实现,在使用 node-sass 编译 sass 文件时出现错误,这是错误:

问题正是在这一行:

做了一些测试,我发现我正在运行值为0.somethingfor的函数$x1,如果我将值更改为整数,则函数可以工作并且错误不会出现。我认为这与 node-sass 与 ruby​​ sass 的方式有关。

如果您想弄乱并查看整个代码,这就是它的代码笔。

谢谢。

编辑:

这被标记为重复,但相关的问题和答案并不相同,并且不提供任何信息或可能的答案来解决我最初的担忧。

这里的问题不在于未定义函数,因为正如我所提到的,当值为 1 时,mixin 确实有效。

0 投票
2 回答
3408 浏览

node.js - 无法为 Ionic 安装 node-sass

我正在尝试安装 node-sass 以与 Ionic 一起使用,但这是不可能的。

我正在使用nvmnode v4.0.0并且npm 3.8.0当我运行时出现sudo npm install -g node-sass此错误

你能帮忙解决这个问题吗?使用时也不起作用node v5.0.0

谢谢

0 投票
1 回答
1702 浏览

node.js - 无法通过 npm 安装 node-sass 包

我最近使用Chromebrew在我的 Chromebook 上安装了 Node v4.4.0。

node安装非常顺利,我的所有软件包都安装了,除了依赖gulp-sassnode-sass.

这是我运行后得到的错误npm install node-sass

任何想法为什么我会遇到这个问题?

0 投票
0 回答
766 浏览

javascript - 我的 node-sass npm 脚本没有编译

我的项目结构如下所示:

在此处输入图像描述

我的 package.json 看起来像这样:

但是当我运行时npm build,它看起来终端正在“思考”并且它停止而没有抛出任何错误。但是什么都没有生成dist/css/...有什么明显的我在这里做错了吗?

更新:

这很有趣,如果我直接从终端运行那个确切的脚本,那么它工作正常......关于为什么的任何想法?

0 投票
1 回答
2338 浏览

javascript - Node / npm:使用node-sass编译scss时找不到要导入的文件

我正在尝试使用以下脚本编译我sass的:node-sasspackage.json

我的styles.scss

但是当我运行时,npm run node-sass我收到以下错误:

我的项目结构如下所示:

在此处输入图像描述

当涉及到依赖关系时,节点不应该自动检查 node_modules 吗?我不明白我在这里做错了什么......

0 投票
2 回答
7245 浏览

npm - node-sass 和 gulp-sass 的优缺点

我想知道 node-sass 和 gulp-sass 之间有什么区别?每个版本的优缺点是什么?我在 www.npmjs.com 上看到 node-sass 在下载方面具有两倍以上的优势。这会让它变得更好吗?编译速度有区别吗?

0 投票
1 回答
683 浏览

twitter-bootstrap - 如何利用 Bootstrap 4 NPM package.json 元数据

来自Bootstrap 4 alpha 文档

Bootstrap 的 package.json 在以下键下包含一些额外的元数据:

  • sass- Bootstrap 的主要 Sass 源文件的路径

  • style- 使用默认设置预编译的 Bootstrap 的非缩小 CSS 的路径(无自定义)

在开发中如何利用这些关键?我似乎无法从 NPM 找到有关如何访问这些密钥的任何信息。我正在编译node-sass,有没有办法利用这些键,以便我可以编写:

代替

如果不是,包含这些额外键的目的是什么package.json

0 投票
0 回答
60 浏览

javascript - node-sass 和 sass-eyeglass 获取树

我有兴趣使用带有 node-sass 的 sass-eyeglass 来构建一些自定义功能。我想做的一件事是检索一个 sass 变量的值,如下所示:

JS:

萨斯:

为了能够做这样的事情,我需要访问某种已解析的所有内容的树(在那个时间点)。这可能与 node-sass 吗?