2015-10-09 60 views
0

當運行gulp時,看起來它看着文件改變了。但是,它似乎將.css文件寫入到我正在進行更改的相同文件夾中。這是我的Gulp文件。我希望它將.min.css和.css文件放入根目錄/ www/css中我的scss位於/ root/scss中的文件夾我希望能夠在這裏編輯它,但讓它編譯並放入。 css和min.css在/ root/www/css裏面看起來像是它應該用這些項目做什麼:
.pipe(gulp.dest('./ www/css /')) .pipe(minifyCss ({Gulp沒有編譯scss來更正文件夾

但它僅僅只和它在同一文件夾中.scss是創造一個.css文件。

var gulp = require('gulp'); 
var gutil = require('gulp-util'); 
var bower = require('bower'); 
var concat = require('gulp-concat'); 
var sass = require('gulp-sass'); 
var minifyCss = require('gulp-minify-css'); 
var rename = require('gulp-rename'); 
var sh = require('shelljs'); 

var paths = { 
    sass: ['./scss/**/*.scss'] 
}; 

gulp.task('default', ['sass']); 

gulp.task('sass', function(done) { 
    gulp.src('./scss/ionic.app.scss') 
    .pipe(sass({ 
     errLogToConsole: true 
    })) 
    .pipe(gulp.dest('./www/css/')) 
    .pipe(minifyCss({ 
     keepSpecialComments: 0 
    })) 
    .pipe(rename({ extname: '.min.css' })) 
    .pipe(gulp.dest('./www/css/')) 
    .on('end', done); 
}); 

gulp.task('watch', function() { 
    gulp.watch(paths.sass, ['sass']); 
}); 

gulp.task('install', ['git-check'], function() { 
    return bower.commands.install() 
    .on('log', function(data) { 
     gutil.log('bower', gutil.colors.cyan(data.id), data.message); 
    }); 
}); 

gulp.task('git-check', function(done) { 
    if (!sh.which('git')) { 
    console.log(
     ' ' + gutil.colors.red('Git is not installed.'), 
     '\n Git, the version control system, is required to download Ionic.', 
     '\n Download git here:', gutil.colors.cyan('http://git-scm.com/downloads') + '.', 
     '\n Once git is installed, run \'' + gutil.colors.cyan('gulp install') + '\' again.' 
    ); 
    process.exit(1); 
    } 
    done(); 
}); 

回答

1

有時候當我./添加到目的地咕嘟咕嘟試圖使新目錄。取消它通常會修復它。

gulp.task('sass', function(done) { 
    gulp.src('./scss/ionic.app.scss') 
    .pipe(sass({ 
    errLogToConsole: true 
    })) 
    .pipe(gulp.dest('www/css/')) 
    .pipe(minifyCss({ 
    keepSpecialComments: 0 
    })) 
    .pipe(rename({ extname: '.min.css' })) 
    .pipe(gulp.dest('www/css/')) 
    .on('end', done); 
});