module.exports = () => {
return gulp.src(paths.src.css.main)
.pipe(plumber())
.pipe(sourcemaps.init())
.pipe(postcss(processors)).on('error', errorHandler)
.pipe(plumber.stop())
.pipe(size())
.pipe(rename('garden.min.css'))
.pipe(sourcemaps.write('.'))
.pipe(gulp.dest(paths.src.css.dest))
}
gulp.task('css', function(){
var cssSrc = 'css/sass/*.scss',
cssDest = 'css';
gulp.src(cssSrc, {base: 'css/sass'})
.pipe(plumber())
.pipe(sourcemaps.init())
.pipe(sass())
.pipe(sourcemaps.write('maps'))
.pipe(plumber.stop())
.pipe(gulp.dest(cssDest))
.pipe(connect.reload());
});
gulp.task('less', function () {
return gulp.src(paths.less)
.pipe(plumber())
.pipe(sourcemaps.init())
.pipe(less())
.pipe(cssmin())
.pipe(size({title: "less", gzip: true}))
.pipe(sourcemaps.write('./map'))
.pipe(gulp.dest(paths.dest))
.pipe(plumber.stop())
.pipe(livereload());
});
gulp.task('js', ['jsfp','coffee'], function() {
return gulp.src([
'assets/ext_libs/jquery/dist/jquery.min.js',
//'assets/ext_libs/conditionizr/src/conditionizr.js',
'assets/ext_libs/modernizr/modernizr.js',
'assets/ext_libs/jquery-placeholder/jquery.placeholder.js',
'assets/ext_libs/jquery-cookie/jquery.cookie.js',
'assets/js/cookie.js',
'assets/js/app.js'
])
.pipe(plumber())
.pipe(concat('script.min.js'))
.pipe(plumber.stop())
.pipe(gulp.dest('assets/js/'))
.pipe(notify("JS: <%= file.relative %>!"))
.pipe(plumber())
.pipe(uglify())
.pipe(plumber.stop())
.pipe(gulp.dest('js'))
.pipe(notify("Js min: <%= file.relative %>!"));
});
gulp.task('lint', () => {
return gulp.src(config.js.files)
.pipe(plumber({
errorHandler: (error) => {
notify('lint', error);
}
}))
.pipe(eslint())
.pipe(eslint.format())
.pipe(eslint.failOnError())
.pipe(plumber.stop());
});
gulp.task('cssMin', function () {
gulp.src(paths.css)
.pipe(plumber())
.pipe(chmod(755))
.pipe(filesize())
.pipe(cssmin())
.pipe(rename({suffix: '.min'}))
.pipe(gulp.dest('./dist/lib/'))
.pipe(filesize())
.pipe(plumber.stop())
.on('error', gutil.log);
});
gulp.task('image:build', function () {
gulp.src(path.src.images)
.pipe(plumber())
.pipe(imagemin({
progressive: true,
svgoPlugins: [{removeViewBox: false}],
use: [pngquant()],
interlaced: true
}))
.pipe(plumber.stop())
.pipe(gulp.dest(path.build.images))
});
gulp.task('less', function () {
return gulp.src('src/less/main.less')
.pipe(plumber())
.pipe(less())
.pipe(autoprefixer({
browsers: ['> 1%']
}))
.pipe(plumber.stop())
.pipe(gulp.dest('./build/css'))
.pipe(connect.reload());
});
function bundle () {
return gulp.src('./test/manual/suite/**/*.css')
.pipe(plumber(handleError))
.pipe(sourcemaps.init({
loadMaps: true
}))
// Tasks
.pipe(sourcemaps.write())
.pipe(plumber.stop())
.pipe(gulp.dest('./test-dist'))
.pipe(debug({ title: 'Style:' }));
}
gulp.task('imagemin', () => {
return (
gulp.src([
CONFIG.path.src + '/**/*.+(jpg|jpeg|png|gif|svg)',
'!' + CONFIG.path.src + '/**/*-no-compress.+(jpg|jpeg|png|gif|svg)'
])
.pipe(cached('imagemin'))
.pipe(IS_PROD? plumber.stop() : plumber(CONFIG.plumber))
.pipe(imagemin(CONFIG.imagemin.plugins, CONFIG.imagemin.verbose))
.pipe(gulp.dest(CONFIG.path.dist))
);
});
gulp.task('css_min', function() {
return gulp.src(cssPaths)
.pipe(sourcemaps.init())
.pipe(uglifycss({
"maxLineLen": 80,
"uglyComments": true
}))
.pipe(rename({suffix: '.min'}))
.pipe(sourcemaps.write('.'))
.pipe(plumber.stop())
.pipe(gulp.dest('dist/css'));
});
gulp.task('styles:build', function () {
gulp.src(PATHS.SOURCE.css)
.pipe(plumber())
.pipe(sourcemaps.init())
.pipe(sass())
.pipe(prefixer())
.pipe(cssmin())
.pipe(sourcemaps.write(PATHS.BUILD.maps))
.pipe(plumber.stop())
.pipe(gulp.dest(PATHS.BUILD.css))
.pipe(reload({ stream: true }))
});
gulp.task('jsmin', function () {
return gulp.src(['src/js/**/*.min.js'])
.pipe(plumber({
errorHandler: function (err) {
console.log(err);
this.emit('end');
}
}))
.pipe(uglify())
.pipe(plumber.stop())
.pipe(gulp.dest('dist/js/'));
});
gulp.task("js", ["clean-js", "jsLint"], () => {
return gulp.src(`${config.paths.src}/${config.paths.js}`)
.pipe(plumber())
.pipe(sourcemaps.init())
.pipe(babel())
.pipe(ngAnnotate())
.pipe(uglify())
.pipe(concat("bundle.js"))
.pipe(sourcemaps.write("./"))
.pipe(plumber.stop())
.pipe(gulp.dest("public/js"));
});
gulp.task(taskName + ((build) ? ':production' : ''), function () {
return gulp.src(taskUrl(taskName, 'src'))
.pipe(plumber())
//.pipe(imageResize({width: '100%'}))
.pipe(imagemin({
progressive: true,
interlaced: true,
use: [pngquant()]
}))
.pipe(plumber.stop())
.pipe(gulp.dest(taskUrl(taskName, 'dist', build)));
});
gulp.task('jsDist', function () {
return watchify(browserify('./src/js/main.js', watchify.args))
.transform(babelify)
.bundle()
.on('error', gutil.log.bind(gutil, 'Browserify Error'))
.pipe(source('bundle.js'))
.pipe(plumber())
.pipe(buffer())
.pipe(uglify())
.pipe(plumber.stop())
.pipe(gulp.dest('dist'))
})
gulp.task('html', function() {
return gulp.src(config.html.src)
.pipe(pug({
pretty: true
}))
.pipe(plumber({
errorHandler: error
}))
.pipe(gulp.dest(config.html.dest))
.pipe(browserSync.stream())
.pipe(plumber.stop());
});
gulp.task('compile-less', function () {
return gulp.src('src/css/*.less')
.pipe(plumber({
errorHandler: function (err) {
console.log(err);
this.emit('end');
}
}))
.pipe(less())
.pipe(plumber.stop())
.pipe(gulp.dest('src/css'));
});
gulp.task('scripts:formatter', function() {
return gulp.src(config.scripts.formatter.src)
.pipe(plumber({
errorHandler: error
}))
.pipe(log({
header: 'Formatter scripts:'
}))
.pipe(esformatter())
.pipe(gulp.dest(config.scripts.formatter.dest))
.pipe(plumber.stop());
});
gulp.task('styles', function() {
return gulp.src(paths.styles.src)
.pipe(plumber())
.pipe(compass({
css: './stylesheets',
sass: './scss',
image: './images'
}))
.on('error', handleError)
.pipe(plumber.stop())
.pipe(gulp.dest(paths.styles.dest));
});
gulp.task('css', function() {
return gulp.src('src/css/*')
.pipe(plumber())
.pipe(sass({ errLogToConsole: true }))
.pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1'))
.pipe(concat('style.css'))
.pipe(gulp.dest('dist/css'))
.pipe(rename({suffix: '.min'}))
.pipe(minifycss())
.pipe(plumber.stop())
.pipe(gulp.dest('dist/css'));
});
gulp.task('compress', function() {
gulp.src(paths.js)
.pipe(plumber())
.pipe(stripDebug()) //дебажим
.pipe(uglify())
.pipe(concat('all.js')) //объединение
.pipe(rename({suffix: '.min'}))
.pipe(chmod(755))
.pipe(gulp.dest('./dist/'))
.pipe(plumber.stop())
.pipe(browserSync.stream());
});
gulp.task('less', function() {
gulp.src('./style.less') // only compile the entry file
.pipe(plumber())
.pipe(less({
paths: ['./', './partials/', './overrides/']
} ))
.pipe(prefix("last 8 version", "> 1%", "ie 9", "ie 8", "ie 7"), {cascade:true})
.pipe(plumber.stop())
.pipe(minifycss({keepBreaks: true}))
.pipe(gulp.dest('./'))
.pipe(livereload());
});
gulp.task('sass-component',function(){
return gulp.src([''+baseDir+'/sass/'+baseComponent+'/*.scss'])
/*只编译change的文件*/
.pipe(plumber())
.pipe(changed(''+baseDir+'/'+baseComponent+'',{extension: '.css'}))
.pipe(sourcemaps.init())
.pipe(sass().on('error', sass.logError))
.pipe(sourcemaps.write('./maps'))
.pipe(plumber.stop())
.pipe(gulp.dest(''+baseDir+'/'+baseComponent+''))
});
function renderLess(){
return gulp.src("style/*.less")
.pipe(plumber())
.pipe(less({}))
.pipe(minifyCss({
noAdvanced: true
}))
.pipe(prefix("last 2 versions", "> 1%", "ie 8", "Android 2", "Firefox ESR"))
.pipe(plumber.stop())
.pipe(gulp.dest("public/static/css/"))
.pipe(tasks.reloadStream())
}
gulp.task('styles:build', function () {
gulp.src(path.src.styles) // Выберем наш main.scss
.pipe(plumber())
.pipe(sourcemaps.init()) // То же самое что и с js
.pipe(sass()) // Скомпилируем
.pipe(prefixer()) // Добавим вендорные префиксы
.pipe(cleancss()) // Сожмем
.pipe(sourcemaps.write()) // Пропишем карты
.pipe(plumber.stop())
.pipe(gulp.dest(path.build.css)) // И в build
.pipe(reload({stream: true}));
});
gulp.task('compass', function() {
gulp.src('sass/**/*.scss')
.pipe(plumber())
.pipe(compass({
config_file: 'config.rb',
sass: 'sass',
css: 'build/styles/unminified-styles'
}))
.pipe(plumber.stop())
.pipe(gulp.dest('build/styles/unminified-styles'))
.pipe(reload({stream: true}))
});
gulp.task('templates:all', function() {
return gulp.src(paths.templatesAll)
.pipe(plumber())
.pipe(minifyHtml({ empty: true }))
.pipe(templateCache({
root: 'views',
standalone: true
}))
.pipe(htmlify())
.pipe(plumber.stop())
.pipe(gulp.dest('build/js'));
});
gulp.task('sass', function() {
gulp.src('sass/{*.sass,*.scss}')
.pipe(plumber())
.pipe(sass({ style: 'expanded', lineNumbers : true }))
.pipe(plumber.stop())
.pipe(rename('main.css'))
.pipe(gulp.dest('public/css'))
.pipe(rename('main.min.css'))
.pipe(minifyCSS())
.pipe(gulp.dest('public/css'))
.pipe(notify({ message: 'Styles task complete' }));
});
gulp.task('js-minify', function() {
return gulp.src([url + "/" + theme + "/library/js/**/*.js","!"+url + "/" + theme + "/library/js/libs/**/*.min.js"])
.pipe(plumber({
errorHandler: notify.onError("Error: <%= error.message %>")
}))
.pipe(gulpif(compress, uglify()))
.pipe(plumber.stop())
.pipe(gulp.dest(url + "/" + theme + "/library/min/js"))
.pipe(gulpif(compress, notify({
message: "Finished JS Minification"
})))
.pipe(browserSync.stream());
});