gulp-compass
gulp-compass copied to clipboard
Unexpected gulp.dest path
// gulpfile.js
gulp.task('styles', function () {
return gulp.src('./assets/sass/**/*.scss')
.pipe(plumber({
errorHandler: function (err) {
console.log(err.message);
this.emit('end');
}
}))
.pipe(compass({
bundle_exec: true,
project: __dirname,
style: 'expanded',
comments: true,
css: 'public/assets/stylesheets',
sass: 'assets/sass',
javascript: 'public/assets/javascripts',
font: 'assets/fonts',
image: 'assets/images',
generated_images_path: 'public/assets/images/css-sprites',
require: ['susy', 'breakpoint']
}))
.on('error', function (err) {
console.log(err);
})
.pipe(autoprefixer())
.pipe(gulp.dest('public/assets/stylesheets'));
});
expected file structure:
|-- assets/
| |-- sass/
| |-- main.scss
|
|-- public/
| |-- assets/
| |-- stylesheets/
| |-- main.css
after gulp styles
:
|-- assets/
| |-- sass/
| |-- main.scss
|
|-- public/
| |-- public/ <--- why?
| |-- assets/
| |-- stylesheets/
| |-- main.css
This only occur on one of my computer, another one works normally.
Gulp version: 3.8.10
(both).
Any idea?
@chinghanho Windows or Linux OS environment?
@appleboy Both computers are OS X 10.10.1.
Same type of problem here. I'm getting an extra directory level in my output. Any update on this?
- Gulp 3.8.10 as well
- OSX
- [email protected]
Confirm issue
dest path are '.tmp/.styles/main.css'. I think the path '.tmp/styles/main.css' is true