问题标签 [node-sass]

这也是目前使用 gulp-sass 的项目。gulp-sass 依赖于 node-sass#^3.4.1，它刚刚自动更新到 3.5.3，这是一个破坏性版本。

我通过更新 package.json 文件将我的 gulp sass 版本降级为旧版本（2.1.0），但它仍然中断。

如何回到节点 sass 3.4.2？

错误信息

错误：您不能从@media 中@extend 外部选择器。您只能在同一指令中 @extend 选择器。

所以今天我试图为 StreamMe 安装 MeepBot，我遇到了错误：“找不到‘libsass’绑定。尝试重新安装‘node-sass’。” 我像一百万次一样重新安装了它。我试过：“npm un/install --save-dev node-sass”、“npm rebuild node-sass”等。有人可以回答我的问题吗？

图片： http: //prntscr.com/axbxu8

PS 请记住，我使用的是 CentOS 6。

我需要将SASS和SCSS字符串编译为项目的CSS字符串。因此，我使用的是节点包 node-sass。转换 SCSS 可以正常工作，但 SASS 不能。

SASS 的示例代码：

问题来了，当我尝试转换这样的东西时，它应该是有效的 .sass 语法

控制台输出：

所以很明显 node-sass 不能那样编译 .sass 代码。node-sass 的语法是：

在对象内部，您可以定义选项甚至函数。也许有办法在这样的函数中编译数据？

其他软件包的任何其他解决方案或建议？

我正在使用带有 Express 的 Node.js 作为我的应用程序的基础，并尝试使用 npm 包node-sass-middleware进行 sass 编译和基础站点的基础 scss 源。

我的 app.js 包含以下内容，

我的 style.scss 看起来像：

和 stuff.scss 看起来像：

在我的 layout.jade 我添加了

当我刷新页面时，在我的日志中我可以看到以下输出：

GET /login 200 356.910 ms - 511 来源：F:\Users\trutt\Documents\Projects\MyProject\scss\style.scss 目标：F:\Users\trutt\Documents\Projects\MyProject\public\css\style.css
阅读：F:\Users\trutt\Documents\Projects\MyProject\public\css\style.css GET /js/jquery.cookie.js 304 7.621 ms - - GET /css/style.css - - ms - - 渲染： F:\Users\trutt\Documents\Projects\MyProject\scss\style.scss 来源：F:\Users\trutt\Documents\Projects\MyProject\scss\style.scss 目的地：F:\Users\trutt\Documents\Projects \MyProject\public\css\style.css 获取 /css/style.css 200 7.127 毫秒 - 269

所有最终导致编译的 style.css：

基础本身的标题是可见的，这告诉我我的包含路径正在工作。我已经证明 Sass 似乎是通过编译检查和导入测试以及继承来工作的。但是...所有基础 CSS 规则在哪里？我错过了什么吗？

所有安装的软件包都是在过去 24 小时内直接从 npm 新安装的，所以我假设我正在使用最新的 npm 软件包版本。

我有以下结构：

我正在尝试将样式导入my_component.scss. 此文件包含@font-face引用../font/. 所以像：

在my_app.js我需要与之关联的 SCSS 文件。所以

我是my_app.scss，我正在进口my_component.scss：

并且sassConfig设置为解析为node_modules/my_component/scss以便导入工作。

我的加载器配置使用sass-loader,resolve-url-loader和css-loader. 这是一个片段：

这是我观察到的：

1. 当我运行webpack-dev-server时，url引用正确解析
2. 但是，当我webpack使用相同的 conf 文件运行时，我Module not found: Error: Cannot resolve 'file' or 'directory' ../font/font-file.ttf进入src/font/

我尝试过的事情：

1. 使用$font-path变量来引用../fonts并将其设置为node_modules/my_components/font
2. 检查我的加载器的顺序，更新我的 webpack 版本等。

更新

我的sassLoader配置以前有node-sass-import-once 的配置。当我删除它时，我的字体网址再次开始解析，但是我生成的 CSS 包含大量重复的样式。

node-sass 重复导入每个@import而不进行任何类型的重复数据删除（我知道它不应该能够自己完成）。但这node-sass-import-once意味着这种事情会破坏 resolve-url-loader。

以下是我的问题：

1. 为什么 node-sass-import-once 会破坏 Webpack resolve-url-loader？
2. 有什么方法可以对导入的 Webpack 进行重复数据删除并生成没有样式重复的 CSS？

我正在使用以下配置构建 node-sass：

• 视窗 10 64 位
• 节点 v4.4.3 LTS 64bit
• 节点萨斯 0.3.6
• 视觉工作室 2015

我已经从 git 克隆了节点 repo 并将 src 添加到 PATH，但我仍然遇到这些错误：

我正在开始一个小项目来自学Angular2。由于它没有完全发布，我避免使用 Yeoman Generator 和 Grunt 或 Gulp 等自动化工具。我正在使用节点包管理器并从“脚本”属性运行我的自动化任务。

我同时安装了 lite-server、typescript 和 node-sass。当我在更改源文件时运行“监视”任务进行更新时，本地服务器运行良好，当我更改任何 TypeScript 类时，此更新会更新，但是我注意到尽管生成的 CSScss正确，但我的 CSS 没有被加载我修改了我的源scss文件。任何 CSS 都不会加载到浏览器中。scripts这是我的 package.json，你可以在对象中看到我的监视脚本/任务。

生成的 css 文件被调用styles/main.css，我在我的index.html

谁能看到我做错了什么？我在控制台或命令行中没有收到任何错误（实际上一切正常）。这是我在 Atom IDE 中的文件夹结构：

我尝试使用相同的文件编译多个主题。我的文件夹结构如下

我需要基于绿色和红色主题的 control1 和 control2 css 文件的输出。

我是 gulp-sass 的新手，请任何人建议在 gulp-sass 或 node-sass 中是否有任何选项可以生成多个主题？

我需要得到输出

gulp-sass 中是否有任何选项可以组合 sass 文件？

例如：

主要.scss：

控制.scss：

组合的输出文件应该是单个 scss 文件，如下所示

有一些 ruby​​-on-rails 项目有很多 scss 文件。存储在 cloudinary.com cdn 中的图像。在源 scss 文件中有这样的结构：

然后我们尝试将所有的 scss 文件编译成一个大的 scss。Cloudinary gem 应该在部署期间替换正确的 url。

这一切在更新之前都可以使用，使用旧节点、gulp-sass 和 node-sass 库，但现在我们必须使用新版本。现在它不起作用。

这是错误： Function cloudinary-url doesn't support keyword arguments

函数 cloudinary-url 在编译期间确实没有定义。目标是以某种方式跳过未定义函数的处理。因此，在编译的 scss 文件中，我们应该与background-image: cloudinary-url("somepic.png",$width:10,$height:10);源文件中的相同。怎么做？