var gulp = require('gulp'); var browserSync = require('browser-sync').create(); var $ = require('gulp-load-plugins')(); var autoprefixer = require('autoprefixer'); var rename = require('gulp-rename'); var uglify = require('gulp-uglify'); var concat = require('gulp-concat'); var imagemin = require('gulp-imagemin'); var cssmin = require('gulp-cssmin'); var sourcemaps = require('gulp-sourcemaps'); var template_name = 'cc-commoners'; var sassPaths = ['node_modules/foundation-sites/scss', 'node_modules/motion-ui/src'] ; var js = { fileList: ['node_modules/foundation-sites/dist/js/plugins/foundation.core.js', 'node_modules/foundation-sites/dist/js/plugins/foundation.util.mediaQuery.js', 'node_modules/foundation-sites/dist/js/plugins/foundation.util.keyboard.js', 'node_modules/foundation-sites/dist/js/plugins/foundation.util.triggers.js', 'node_modules/foundation-sites/dist/js/plugins/foundation.util.timerAndImageLoader.js', 'node_modules/foundation-sites/dist/js/plugins/foundation.util.box.js', 'node_modules/foundation-sites/dist/js/plugins/foundation.util.motion.js', 'node_modules/foundation-sites/dist/js/plugins/foundation.util.nest.js', 'node_modules/foundation-sites/dist/js/plugins/foundation.sticky.js', 'node_modules/foundation-sites/dist/js/plugins/foundation.tabs.js', 'node_modules/foundation-sites/dist/js/plugins/foundation.equalizer.js', 'node_modules/foundation-sites/dist/js/plugins/foundation.tooltip.js'] , styles: ['node_modules/swipebox/src/css/swipebox.css', 'node_modules/slick-carousel/slick/slick.css', 'node_modules/slick-carousel/slick/slick-theme.css'] } ; gulp.task('build-js', function (){ return gulp.src(js.fileList).pipe(_AN_Call_init('init', sourcemaps)).pipe(concat('dependencies.js')).pipe(uglify().on('error', gutil.log)).pipe(gulp.dest('../themes/' + template_name + '/assets/js')); } ); gulp.task('imgmin', function (){ gulp.src('../themes/' + template_name + '/img/*').pipe(imagemin()).pipe(gulp.dest('../themes/' + template_name + '/assets/images/')); } ); gulp.task('build-css', function (){ return gulp.src(js.styles).pipe(_AN_Call_init('init', sourcemaps)).pipe(concat('dependencies.css')).pipe(cssmin()).pipe(gulp.dest('../themes/' + template_name + '/assets/css')); } ); function sass(){ return gulp.src('scss/app.scss').pipe($.sass({ includePaths: sassPaths} ).on('error', $.sass.logError)).pipe($.postcss([autoprefixer({ browsers: ['last 2 versions', 'ie >= 9'] } )] )).pipe(rename('style.css')).pipe(gulp.dest('../themes/' + template_name + '/assets/css')).pipe(gulp.dest('./css')); } ; function serve(){ _AN_Call_init('init', browserSync, { server: "./"} ); gulp.watch("scss/*.scss", sass); gulp.watch("*.html").on('change', browserSync.reload); } function watch(){ gulp.watch("scss/*.scss", sass); } gulp.task('sass', sass); gulp.task('watch', watch); gulp.task('serve', gulp.series('sass', serve)); gulp.task('default', gulp.series('sass', serve));