Skip to content

Instantly share code, notes, and snippets.

@dlyapun
Last active May 3, 2017 15:23
Show Gist options
  • Save dlyapun/9dab876ecf64d74bf1ac19fe071506fa to your computer and use it in GitHub Desktop.
Save dlyapun/9dab876ecf64d74bf1ac19fe071506fa to your computer and use it in GitHub Desktop.
GULP FILE COMPLETE
gulpfile.js
var gulp = require('gulp');
var uglify = require('gulp-uglify');
var minify = require('gulp-minify-css');
var concat = require('gulp-concat');
var watch = require('gulp-watch');
var gutil = require('gulp-util');
var babel = require('gulp-babel');
var sass = require('gulp-sass');
var less = require('gulp-less');
var version = require('gulp-version-append');
var htmlmin = require('gulp-html-minifier');
var arrayJS = ['js/111-constants.js', 'js/111-app-constants.js', 'js/111-sample.js', 'js/111-app.js', 'js/common/**', 'js/controllers/**', 'js/services/**', 'js/route.js'];
var arrayCSS = ['css/**/*.css', 'css/*.css', '!css/all.css', '!css/less.css'];
gulp.task('minify-js', function () {
gulp.src(arrayJS)
.pipe(concat('all.js'))
.pipe(babel({presets: ['es2015']}).on('error', gutil.log))
.pipe(uglify({mangle: false}))
.pipe(gulp.dest('build'))
});
gulp.task('minify-less', function () {
gulp.src('css/*.less')
.pipe(concat('less.css'))
.pipe(less())
.pipe(minify())
.pipe(gulp.dest('css'))
});
gulp.task('minify-css', function () {
return gulp.src(arrayCSS)
.pipe(concat('all.css'))
.pipe(sass().on('error', sass.logError))
.pipe(minify())
.pipe(gulp.dest('css'))
});
gulp.task('build-index', function () {
gulp.src('templates/index.html')
.pipe(version(['html', 'js', 'css']))
.pipe(htmlmin({collapseWhitespace: true}))
.pipe(gulp.dest(''))
});
gulp.task('watch', function() {
gulp.run('build');
gulp.watch(['js/**'], ['minify-js',]);
gulp.watch(['templates/index.html'], ['build-index',]);
gulp.watch(['css/*.less'], ['minify-less',]);
gulp.watch(['css/**', '!css/less.css', '!css/all.css'], ['minify-css',]);
});
gulp.task('build', function() {
gulp.run('minify-js');
gulp.run('minify-less');
gulp.run('minify-css');
gulp.run('build-index');
});
package.json
{
"name": "1212121212",
"version": "1.0.0",
"description": "Note: Using AngularJS v1.5.3",
"main": "index.html",
"scripts": {
"gulp": "gulp",
"minify": "gulp minify"
},
"repository": {
"type": "git",
"url": "git+https://github.com/111/1212.git"
},
"author": "Yura Pyrko",
"license": "ISC",
"bugs": {
"url": "https://github.com/111/1212/issues"
},
"homepage": "https://github.com/1212/1212#readme",
"devDependencies": {
"babel-preset-es2015": "^6.18.0",
"gulp-babel": "^6.1.2",
"gulp-clean": "^0.3.2",
"gulp-concat": "^2.6.1",
"gulp-sass": "^3.1.0",
"gulp-uglify": "^2.0.0",
"gulp-util": "^3.0.8",
"gulp-watch": "^4.3.11"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment