Visual Studio Code 2017 и Gulp - задачи показывают, но не работают? - PullRequest
Новая
       6

Visual Studio Code 2017 и Gulp - задачи показывают, но не работают?

0 голосов
/ 23 мая 2018

Попытка запустить gulp с тестовым сайтом в Visual Studio Code 2017. Вот краткое изложение того, что я сделал до сих пор:

  • создал рабочую область
  • команда узлазапрос 'npm install --global gulp'
  • cd в папку рабочего пространства и 'init npm'
  • npm установка gulp --save-dev
  • npm установка gulp-sass --save-dev
  • npm установить gulp-uglify --save-dev
  • npm установить gulp-imagemin --save-dev
  • npm установить gulp-watch --save-dev

Создал gulpfile.js в корне рабочего пространства со следующим: 

var gulp = require('gulp');
var sass = require('gulp-sass');
var uglify = require('gulp-uglify');
var imagemin = require('gulp-imagemin');

gulp.task('sass', function () {
    return gulp.src('_config/scss/**/*.scss')
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest('assets/css'));
});

gulp.task('js', function () {
    return gulp.src('_config/js/**/*.js')
        .pipe(uglify())
        .pipe(gulp.dest('assets/js'));
});

gulp.task('scripts', function () {
    return gulp.src('_config/scripts/**/*.js')
        .pipe(uglify())
        .pipe(gulp.dest('assets/scripts'));
});

gulp.task('img', function () {
    return gulp.src('_config/img/**/*')
        .pipe(imagemin())
        .pipe(gulp.dest('assets/img'));
});

gulp.task('watch', function () {
    gulp.watch('_config/scss/**/*.scss', ['sass']);
    gulp.watch('_config/js/**/*.js', ['js']);
    gulp.watch('_config/scripts/**/*.js', ['scripts']);
    gulp.watch('_config/img/**/*', ['img']);
});

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

Теперь я должен иметь возможность создать файл .scss в _config /scss / и он создаст версию min css в / assets / css /, но этого не происходит.Если я нажму `ctl-shift-p 'и перейду к« запуску задач », я увижу, что задачи обнаружены, но это будет для запуска вручную.Что мне нужно сделать, чтобы запустить авто при открытии рабочей области ... в этом случае мои задачи наблюдения будут работать так, как должны?

Я нашел кое-что о файле tasks.json специально дляVS Code, но не смог найти много информации об этом и из чего он должен состоять.

Буду признателен за любую помощь.

1 Ответ

0 голосов
/ 25 мая 2018

Просто наберите 'gulp' в своем терминале (без кавычек), и он запустит задачу 'default', которая запустит все остальные ваши задачи.

Однако в настоящее время задача 'watch' не запускается автоматически, поэтому добавьте ее в задачу 'default': 

gulp.task('default', ['sass', 'js', 'scripts', 'img', 'watch']);

Если вы хотите завершить эту задачу, нажмите Ctrl - C в терминале.

[Возможно, есть способы автоматически запустить задачу gulp по умолчанию при открытии рабочей области, но обо всем по порядку - сначала запустите эту работу.]

[Кроме того, Visual Studio Code 2017 не существует.]

...