1
我在我的app/assets/sass /目錄中有一個分層結構,我試圖在public/css/
的CSS輸出文件中進行鏡像,但是我的sass中的所有* .scss文件目錄和子目錄正被放入根目錄public/css/
文件夾中。輸出文件的目錄結構在輸出上變平坦
這裏是我的gulpfile: 當我註釋掉的目錄結構保持gulp.src(sassDir ...)
和.pipe(gulp.dest('public/css'));
之間的界限,但SASS未編譯。取消註釋.pipe(sass(...))
行重現此問題。
var gulp = require('gulp');
var plumber = require('gulp-plumber');
var gutil = require('gulp-util');
var minifycss = require('gulp-minify-css');
var autoprefixer = require('gulp-autoprefixer');
var sass = require('gulp-ruby-sass');
var coffee = require('gulp-coffee');
var sassDir = 'app/assets/sass/';
var coffeeDir = 'app/assets/coffee/';
gulp.task('sass', function() {
return gulp.src(sassDir + '**/*.scss', { base: sassDir })
.pipe(plumber())
.pipe(sass({ style: 'compress' }).on('error', gutil.log))
.pipe(autoprefixer('last 10 versions'))
.pipe(minifycss())
.pipe(gulp.dest('public/css'));
});
gulp.task('coffee', function() {
return gulp.src(coffeeDir + '**/*.coffee', { base: coffeeDir })
.pipe(plumber())
.pipe(coffee({ bare: true }).on('error', gutil.log))
.pipe(gulp.dest('public/js/coffee)'));
});
gulp.task('watch', function() {
gulp.watch(sassDir + '/**/*.scss', ['sass']);
gulp.watch(coffeeDir + '/**/*.coffee', ['coffee']);
});
gulp.task('default', ['sass', 'coffee', 'watch']);
我寫了一個答案。看看它:http://stackoverflow.com/a/33741640/2140095 – brnmonteiro