sass - Gulp: trying to import compass mixins -
i have followed this tutorial without problems, start using sass. can see includes part using compass mixins. have compiled .scss
files including @import compass/css3/box-sizing
without problems.
now want compile .scss
files, using gulp. have followed this tutorial. have these files:
//src/defaultbundle/resources/public/assets/css/main.scss form { span { color: red; } } var gulp = require('gulp'); var sass = require('gulp-sass'); gulp.task('default', function() { gulp.src('src/defaultbundle/resources/public/assets/css/main.scss') .pipe(sass()) .pipe(gulp.dest('web/css')); });
so when run $ gulp
latter tutorial says, .css
file.
the problem: if add @import compass/css/box-sizing
@ top of .scss file
, error when running $ gulp
:
[13:12:01] working directory changed /var/www/my_project [13:12:01] using gulpfile /var/www/my_project/gulpfile.js [13:12:01] starting 'default'... [13:12:01] finished 'default' after 5.37 ms events.js:72 throw er; // unhandled 'error' event ^ error: src/defaultbundle/resources/public/assets/css/main.scss error: file import not found or unreadable: compass/css3/box-sizing parent style sheet: stdin on line 2 of stdin >> @import "compass/css3/box-sizing"; ^ @ options.error (/var/www/my_project/node_modules/gulp-sass/node_modules/node-sass/lib/index.js:277:32)
im on ubuntu 15.
Comments
Post a Comment