javascript - gulp-sass and gulp-watch, cant find file when saving scss -
i setting gulpfile , im having problem gulp-sass when watch task running scss task.
this how gulpfile.js looks:
var gulp = require('gulp'), plumber = require('gulp-plumber'), sass = require('gulp-sass'), sourcemaps = require('gulp-sourcemaps'); var onerror = function(err) { console.log(err); }; var bases = { dist: './dist/', src: './src/' }; var paths = { sass: [bases.src + 'scss/base.scss'], sourcemaps: '/' }; gulp.task('scss', function(){ return gulp.src(paths.sass) .pipe(plumber({ errorhandler: onerror })) .pipe(sourcemaps.init()) .pipe(sass({ sourcemap: true, style: 'expanded', sourcecomments: 'normal', onerror: onerror })) .pipe(sourcemaps.write(paths.sourcemaps)) .pipe(gulp.dest(bases.dist + 'css/')) }); gulp.task('watch', function(){ gulp.watch(bases.src + 'scss/**/*.scss', ['scss']) }); gulp.task('default', ['scss','watch']);
base.scss contains this: (also tried full path , without fileext. same result)
@import 'modules/modules_base.scss';
the error i'm getting in console:
[18:54:13] finished 'scss' after 12 ms [18:54:15] starting 'scss'... { [error: src\scss\base.scss 1:9 file import not found or unreadable: ./src/scss/modules/modules_base.scss current dir: ] message: 'src\\scss\\base.scss\n 1:9 file import not found or unreadable: ./src/scss/modules/modules_base.scss\ncurrent dir: ', column: 9, line: 1, file: 'stdin', status: 1, messageformatted: '\u001b[4msrc\\scss\\base.scss\u001b[24m\n\u001b[90m 1:9\u001b[39m file import not found or unreadable: ./src/scss/modules/modules_base.scss\ncurrent dir: ', name: 'error', stack: 'error: src\\scss\\base.scss\n 1:9 file import not found or unreadable: ./src/scss/modules/modules_base.scss\ncurrent dir: \n @ options.error (c:\\code\\colorpicker\\node_modules\\gu lp-sass\\node_modules\\node-sass\\lib\\index.js:276:32)', showstack: false, showproperties: true, plugin: 'gulp-sass' }
the basic error is: 1:9 file import not found or unreadable: ./src/scss/modules/modules_base.scss
the structure of app:
-component gulpfile.js -dist -css base.css base.css.map -src -scss base.scss -modules -modules_base.scss
the error happens when save modules_base.scss , watch task fired, , never when im running default task.
all suggestions appreciated!
notes: node -v : 0.12.0 gulp: 3.8.11 gulp-sass: 2.0.1
Comments
Post a Comment