gulp没有编译scss来纠正文件夹

时间:2015-10-09 05:48:09

标签: gulp gulp-watch gulp-sass

当运行gulp watch时,看起来它正在观察文件的变化。但是,它似乎将.css文件写入我正在进行更改的同一文件夹中。这是我的Gulp文件。我希望它将.min.css和.css文件放在root / www / css中我的scss所在的文件夹在/ root / scss中我希望能够在这里编辑它但是让它编译并放入。 css和min.css里面/ root / www / css它看起来像是应该对这些项目做什么:
.pipe(gulp.dest(' ./ WWW / CSS /'))     .pipe(minifyCss({

但它只是创建一个.css文件,并且它位于.scss所在的同一个文件夹中。

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 个答案:

答案 0 :(得分:1)

有时当我将./添加到目的地时,Gulp会尝试创建一个新目录。取消它通常会解决它。

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);
});