Tag: sass

Grunt扩展文件,在src中可以接受哪些模式?

从gruntfile.js中摘录 sass: { compile: { files: [{ expand: true, cwd: 'css/', src: ['^[^_].scss'], dest: '../css/', ext: '.css' }] } }, 这应该根据rubular工作。 基本上我想编译'css'目录中的所有.scss文件,除非它们以下划线开头。 但是,这种模式不匹配什么? 有任何想法吗?

设置与波本威士忌的grunt-contrib-sass

我正在尝试添加波本威士忌作为依赖项目,在那里使用grunt-contrib-sass 。 node-bourbon对于grunt和Sass的整合有如下的说法: grunt.initConfig({ sass: { dist: { options: { // THIS IS THE LINE I ADDED TO MY CONFIG includePaths: require('bourbon').includePaths, outputStyle: 'compressed' }, files: { 'path/to/output.css': 'path/to/input.scss' } } } }); 但是,当运行咕噜我得到以下错误: OptionParser::InvalidOption: invalid option: –include-paths 这个错误出现在任何包含includePaths的path中,而不仅仅是波旁。 我究竟做错了什么?

升级节点到4.0.0时发生node-sass throw错误

我正在开发一个离子应用程序,我用sass。 当我将节点版本升级到4.0.0时,出现了一个关于node-sass的错误。 错误是打击: ionic $ /Applications/My-Project/nearbook/nearbooks_ionic/node_modules/gulp-sass/node_modules/node-sass/lib/index.js:22 throw new Error('`libsass` bindings not found. Try reinstalling `node-sass ^ Error: `libsass` bindings not found. Try reinstalling `node-sass`? at getBinding (/Applications/My-Project/nearbook/nearbooks_ionic/node_modules/gulp-sass/node_modules/node-sass/lib/index.js:22:11) at Object.<anonymous> (/Applications/My-Project/nearbook/nearbooks_ionic/node_modules/gulp-sass/node_modules/node-sass/lib/index.js:188:23) at Module._compile (module.js:460:26) at Object.Module._extensions..js (module.js:478:10) at Module.load (module.js:355:32) at Function.Module._load (module.js:310:12) at Module.require (module.js:365:17) at require (module.js:384:17) at Object.<anonymous> (/Applications/My-Project/nearbook/nearbooks_ionic/node_modules/gulp-sass/index.js:3:17) at Module._compile (module.js:460:26) 我试图重新安装我所有的node_modules(我删除node_modules文件夹和重新运行节点安装)或运行node […]

节点sass不了解代字号

浏览最近发布的Angular2的RC1的angular-cli ,我遇到了一个奇怪的问题: angular-cli中的sass插件中的node-sass在包名抛出之后不会parsing~错误: Error: File to import not found or unreadable: ~@angular2-material/core/style/theme-functions 它在编译下面的代码时发生: @import "~@angular2-material/core/style/theme-functions"; 如果我删除代字符,一切都会好的。 这是正确的行为,还是有一个path,使node-sass了解? PS我使用WebStorm,它更喜欢使用~也。 如果代字号被省略,则表示parsingpath不可行。 一些谷歌search后,我发现使用没有代字号的代码是遗留的,应该用作最佳实践。 这样对吗?

在节点heroku项目上安装gems

我在heroku上编写一个节点应用程序,并且该应用程序需要安装一个gem, 指南针 ,用于节点指南针 。 不过,我似乎无法弄清楚如何在heroku上的节点应用程序中安装gem。 我有一个Gemfile,看起来像这样。 source "https://rubygems.org" gem 'compass' 你之前成功地做到了这一点吗?

webpack的sass-loader不会find没有下划线前缀的基础scss文件

最近,我正在开发带有webpack , sass , bower和foundation5的快速前端开发工具链。 我遇到一个问题:sass-loader只加载下划线前缀的 scss文件。 环境 节点v0.12.4 webpack 1.9.11 节点sass 3.2.0 sass-loader 1.0.2 os gentoo 3.18 webpack.config.js var webpack = require('webpack'); var path = require('path'); var getDir = function() { var args = Array.prototype.slice.call(arguments); return path.join.apply(path, [__dirname].concat(args)); }; module.exports = { // webpack options context: getDir('./src'), entry: { test: "./style/test.scss" }, output: { […]

Sass Gulp损坏了

我们有一大堆运行sass和浏览器同步,并已经运行了大约6个月没有问题。 我们有大约60个sass和scss正在被编译成CSS。 一切都很顺利,然后突然,前端编译器开始投掷数以百万计的错误 – 就像有人进入了75%的sass文件并添加了分号,删除了空格,移动了空格,并且在_media中有错误.scss文件,我不明白。 这种情况怎么会突然发生呢? 我不知道现在该做什么 – 我花了大约45分钟,试图解决所有的错误,但有这么多。

如何使用SCSS和Express? (Node.js的)

有没有办法使用SCSS和Express? 我试着用: app.use(express.compiler({ src: __dirname + '/public', enable: ['scss'] })); 但它给了我一个错误: DEBUG: TypeError: Cannot read property 'match' of undefined 谢谢

无法安装gulp-sass

我试图学习如何使用gulp / sass /和所有其他有趣的工具与Nodejs和我有安装gulp-sass的问题。 我用来安装一切的过程是: 1. Start Git Bash in the project folder 2. npm init 3. npm install gulp -g 4. npm install gulp –save-dev 5. npm install gulp-sass <- this is where I get errors 一旦我到达第五步,我得到以下错误: $ npm install gulp-sass npm WARN package.json project@1.0.0 No repository field. npm WARN package.json project@1.0.0 No README […]

任何改变node-sass / libsass精度的方法

我目前正在使用grunt-sass和libsass的node-sass包装器。 是否有改变四舍五入浮点数的精度? 我知道它可以改变ruby,但无法find改变它在libsass。 目前轮到5,但如果我需要给一个行高,这是一个经常性的数字,即1.33333我得到如何转换为像素在屏幕上的小差异。 把它绕到7个地方修好这个。 如果有人设法改变这一点,请让我知道。 提前致谢