Tag: compass sass

Grunt指南针和sass / css目录: 我更新了最新版本的grunt（0.4.1）并安装了指南针软件包（grunt-contrib-compass）。这里我使用的configuration： compass: { dist: { options: { sassDir : "src/theme/sass", cssDir : "src/theme/css", imagesDir: "src/theme/img", javascriptsDir : "src/js", fontsDir : "src/theme/fonts", environment : "production" } } } 每次在sass目录中发生更改时，将执行指南针任务，并创buildcss目录（使用生产css文件）。一切都很好，但css文件，config.rb文件和sasscaching也重新在sass目录中。有人遇到同样的问题？

命令“grunt server”的罗盘错误: 我正在运行一个项目，我安装了nodeJs，ruby，yeoman，compass等。现在我正在用命令>grunt server或>grunt server –force运行我的项目但它给我指南针的错误。 E:\CRM_workspace\CRM_from_repo\ria>grunt server –force Running "server" task >> The `server` task has been deprecated. Use `grunt serve` to start a server. Running "serve" task Running "clean:server" (clean) task Cleaning .tmp…OK Running "concurrent:server" (concurrent) task Running "copy:styles" (copy) task Done, without errors. Running "compass:server" (compass) task directory .tmp/styles/ create .tmp/styles/main.css (3.069s) Warning: […]

Node-sass无法findCompass导入: 有没有可能使用指南针节点sass？看来node-sass不知道如何导入Compassfunction。 { "formatted": "Error: File to import not found or unreadable: compass/css3/box- shadow\n Parent style sheet: C:/sandbox/sascar-manager/app/assets/styles/s ass/project/login.scss\n on line 1 of sass/project/login.scss\n>> @import \"compass/css3/box-shadow\";\n ^\n", "message": "File to import not found or unreadable: compass/css3/box-shadow\nP arent style sheet: C:/sandbox/app/app/assets/styles/sass/project/logi n.scss", "column": 1, "line": 1, "file": "C:/sandbox/app/app/assets/styles/sass/project/login.scss", "status": 1 }

从父目录node-sass导入: 我使用node-sass来模拟我的CDN构build，并将我的CSS转换为模块化的Sassdevise。基本上我的设置涉及品牌网站覆盖常见的风格。我想在品牌文件夹中做这样的事情 @import "../common/global-config"; @import "brand-config"; @import "../common/common"; // brand specific styles here 这个文件将位于/css/brand-name/brand.scss 其他文件将in /css/common/_common.scss 我的节点sass设置看起来像这样 function compileSassFile(includes, path, callback) { if (!fs.existsSync(path)) { return null; } var css = sass.renderSync({ file: path, success: callback, outputStyle: 'expanded', includePaths: includes }); return css; } // bundlePath = 'css', dirName = '/brand-name' compileSassFile([path.join(bundlePath), path.join(bundlePath, 'common'), […]

Grunt Compass致命错误：产卵EPERM: 我最近一直在努力与最近这个工作，原来我有问题与ruby等，然后我卸载ruby，并以rvm方式做ruby，现在我不再有这些问题.. 现在，我希望我有我的最后一个问题，这似乎是一个咕噜/咕噜，贡献指南针的问题。当我尝试运行涉及指南针任务的任何命令时，出现以下错误： Running "compass:dev" (compass) task Verifying property compass.dev exists in config…OK File: [no files] Options: config="C:\\code\\newsletters\\globalgeorgia\\test\\grunt-email-boilerplate\\vendor\\compass-config.rb", cssDir="tmp/css", imagesDir="tmp/images" Fatal error: spawn EPERM 而且我已经尝试了解决类似问题的解决scheme，没有运气…任何帮助将是伟大的！ UPDATE 我认为它必须与指南针，因为这给了完全相同的问题，因为这（不使用指南针）完美的作品。

Grunt Serve错误，运行“罗盘：服务器”（指南针）任务错误：无效的选项： – 无相对资产: 我发布了一个使用Yo创build的项目，它是一个angularJS / HTML5应用程序。使用GitHub进行分发时，所有用户都可以设置和运行应用程序。但是，有一个用户正在收到以下错误，我从来没有见过或经历过这个，但我需要帮助解决这个问题： Warning: Running "compass:server" (compass) task Error: invalid option: –no-relative-assets Usage: compass compile [path/to/project] [path/to/project/src/file.sass …] [options] Warning: Running "compass:server" (compass) task Error: invalid option: –no-relative-assets Usage: compass compile [path/to/project] [path/to/project/src/file.sass …] [options] 我使用npm install重新安装了节点模块，并在Mac上检查了sass和compass版本，我得到了以下结果： $ sass -v Sass 3.4.9 (Selective Steve) $ compass -v Compass 1.0.1 (Polaris) Copyright (c) 2008-2015 […]

用node-sass观察和编译整个文件夹？: 指南针有一个可爱的命令，将观察和编译给定目录中的所有scss： compass watch *foldername* 但是，基于Ruby的指南针比较慢，基于C的SASSC以node-sass的forms包装，速度要快得多。事情是，我还没有能够使用节点sass复制这个看似简单的function。我遵循这里给出的指示： http ： //benfrain.com/lightning-fast-sass-compiling-with-libsass-node-sass-and-grunt-sass/ ，它做了一个很好的设置节点sass咕噜看到文件的变化，但它似乎并不支持观看和转换整个文件夹，不知名的文件名称内。我试过改变了 sass: { dist: { files: { 'css/styles.css': 'sass/styles.scss' } } } 值的文件夹，以及许多其他的东西，似乎没有任何工作。我承认我对咕噜声一无所知。有没有办法复制 compass watch *folder* 要么 sass –watch *folder*:*folder* 我还没有尝试过，还是不存在？

NPM未能转换SASS: 我想通过grunt.js和npm将我的style.scss （其中有一些其他文件链接到它，如_variable.scss ， _mixins.scss ）文件转换为CSS。但是我得到这个错误： Error: File to import not found or unreadable: compass. on line 5 of sass/style.scss 1: // typorgraphy 2: @import "base/typography"; 3: 4: // compass 5: @import "compass"; 6: 7: // import files 8: @import "base/import"; 9: 10: // mixins 这是我的gruntfile.js ： module.exports = function(grunt) { // Project configuration. grunt.initConfig({ […]

Grunt任务输出，然后调用grunt-notify: Grunt通知： https ： //github.com/dylang/grunt-notify是伟大的。但是，这似乎有点有限。据我可以告诉我所有的消息需要预先生成。所以第一个问题是我怎样才能生成通知？接下来，似乎基于错误或某个任务的成功，grunt通知触发器。我猜基于std in / out / err？这种情况下，问题是如果一些任务不使用这些。如果有编译错误，grunt指南针不使用stderr。那么如何在发生错误时运行grunt通知？这会导致下一个问题。我如何从一个咕task任务抓住控制台输出或标准错误？

Gulp.js与基础/指南针: 有没有人成功地得到了Gulp-sass与基础4/5（与指南针最好？）工作应用程序正在成功使用基础4，没有吞咽，使用compass watch 。但是我想开始使用gulp来简化我的sass / coffee / minification编译。这是我的gulpfile.js var gulp = require('gulp'), util = require('gulp-util'), sass = require('gulp-sass'), coffee = require('gulp-coffee'); var paths = { scripts: { src: 'src/coffee/**/*.coffee', dest: 'public/javascripts' }, styles: { src: 'src/sass/*.sass', dest: 'public/stylesheets' } }; gulp.task('scripts', function() { return gulp.src(paths.scripts.src) .pipe(coffee()) .pipe(gulp.dest(paths.scripts.dest)); }); gulp.task('sass', function () { return […]