2015-10-09 2 views
0

при запуске 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 ({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); 
}); 
Смежные вопросы