下記を使わせてもらいgulpの環境を構築したいのですがエラーがでます。
http://steelydylan.github.io/gulp-generator/#
・
https://teratail.com/questions/43772の続き
・
nodeでできているので、むずかしくてよくわかりません。
下記のようにしたのですがそれでもエラーが出ます。
var gulp = require('gulp');
var plumber = require('gulp-plumber');
var postcssimport = require('postcss-import');
var postcss = require('gulp-postcss'); //gulp-postcssをインポート
var cssnext = require('postcss-cssnext'); //cssnextをインポート
var rename = require('gulp-rename');
var csslint = require('gulp-csslint');
var autoPrefixer = require('gulp-autoprefixer');
//if node version is lower than v.0.1.2
require('es6-promise').polyfill();
var cssComb = require('gulp-csscomb');
var cmq = require('gulp-merge-media-queries');
var cleanCss = require('gulp-clean-css');
gulp.task('css',function(){
gulp.src(['css/src/**/*.css'])
.pipe(plumber({
handleError: function (err) {
console.log(err);
this.emit('end');
}
}))
.pipe(postcss([
postcssimport(),
cssnext()
]))
.pipe(autoPrefixer())
.pipe(cssComb())
.pipe(cmq({log:true}))
.pipe(csslint())
.pipe(csslint.reporter())
.pipe(gulp.dest('css/dist'))
.pipe(rename({
suffix: '.min'
}))
.pipe(cleanCss())
.pipe(gulp.dest('css/dist'))
});
gulp.task('js',function(){
gulp.src(['js/src/**/*.js'])
.pipe(plumber({
handleError: function (err) {
console.log(err);
this.emit('end');
}
}))
.pipe(gulp.dest('js/dist'))
});
gulp.task('html',function(){
gulp.src(['html/**/*.html'])
.pipe(plumber({
handleError: function (err) {
console.log(err);
this.emit('end');
}
}))
.pipe(gulp.dest('./'))
});
//以下gulp-watch
gulp.task('watch', function(){
gulp.watch(['src-recycling-corpolate/*' , 'src-recycling-corpolate/*/*' , 'src-recycling-corpolate/*/*/*'], ['css']);//監視したいファイルの相対パス
});