Попытка запустить 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, но не смог найти много информации об этом и из чего он должен состоять.
Буду признателен за любую помощь.