mirror of
https://github.com/tabler/tabler.git
synced 2025-12-21 17:34:25 +04:00
tabler v1
This commit is contained in:
chomik
266
gulpfile.js
266
gulpfile.js
@@ -1,49 +1,249 @@
|
||||
var gulp = require('gulp'),
|
||||
const gulp = require('gulp'),
|
||||
sass = require('gulp-sass'),
|
||||
rename = require('gulp-rename'),
|
||||
minifycss = require('gulp-clean-css'),
|
||||
uglify = require('gulp-uglify'),
|
||||
htmlmin = require('gulp-htmlmin'),
|
||||
htmlclean = require('gulp-htmlclean'),
|
||||
imagemin = require('gulp-imagemin'),
|
||||
autoprefixer = require('gulp-autoprefixer'),
|
||||
rtlcss = require('gulp-rtlcss'),
|
||||
pckg = require('./package.json');
|
||||
child = require('child_process'),
|
||||
clean = require('gulp-clean'),
|
||||
del = require('del'),
|
||||
concat = require('gulp-concat'),
|
||||
banner = require('gulp-banner'),
|
||||
gs = require('gulp-selectors'),
|
||||
rename = require('gulp-rename'),
|
||||
replace = require('gulp-replace'),
|
||||
useref = require('gulp-useref'),
|
||||
gulpif = require('gulp-if'),
|
||||
|
||||
gulp.task('styles', function () {
|
||||
return gulp.src('src/assets/scss/bundle.scss', { base: '.' })
|
||||
browserSync = require('browser-sync').create(),
|
||||
pkg = require('./package.json');
|
||||
|
||||
const comment = '/*!\n' +
|
||||
' * <%= pkg.name %> <%= pkg.version %>\n' +
|
||||
' * <%= pkg.description %>\n' +
|
||||
' * <%= pkg.homepage %>\n' +
|
||||
' *\n' +
|
||||
' * Copyright 2018, <%= pkg.author %>\n' +
|
||||
' * Released under the <%= pkg.license %> license.\n' +
|
||||
'*/\n\n';
|
||||
|
||||
const baseJsFile = 'ui-kit.js';
|
||||
|
||||
let BUILD = false;
|
||||
|
||||
let getDistDir = function () {
|
||||
if (BUILD) {
|
||||
return './dist';
|
||||
}
|
||||
|
||||
return './tmp';
|
||||
};
|
||||
|
||||
gulp.task('clean', function () {
|
||||
return del('dist/**', {force:true});
|
||||
});
|
||||
|
||||
gulp.task('clean:libs', function () {
|
||||
return del('libs/**', {force:true});
|
||||
});
|
||||
|
||||
gulp.task('banner', function (fn) {
|
||||
fn();
|
||||
|
||||
return true;
|
||||
return gulp.src('./dist/{js,css}/**/*')
|
||||
.pipe(banner(comment, {
|
||||
pkg: pkg
|
||||
}))
|
||||
.pipe(gulp.dest('./dist'));
|
||||
});
|
||||
|
||||
gulp.task('obfuscate', function () {
|
||||
const ignores = {
|
||||
ids: '*',
|
||||
classes: [
|
||||
'dropdown', 'dropdown-menu', 'dropdown-menu-right', 'dropdown-toggle', 'dropdown-item',
|
||||
'active', 'disabled', 'show',
|
||||
'list-group', 'list-group-item',
|
||||
'nav', 'nav-link', 'nav-item',
|
||||
'popover', 'popover-header', 'popover-body',
|
||||
'tooltip'
|
||||
]
|
||||
};
|
||||
|
||||
return gulp.src(['./dist/**/*.css', './dist/**/*.html'])
|
||||
.pipe(gs.run({
|
||||
'css': ['css'],
|
||||
'html': ['html']
|
||||
}, ignores))
|
||||
.pipe(gulp.dest('./dist'));
|
||||
});
|
||||
|
||||
gulp.task('sass', function () {
|
||||
return gulp.src('./scss/**/*.scss')
|
||||
.pipe(sass({
|
||||
precision: 8,
|
||||
outputStyle: 'expanded'
|
||||
}).on('error', sass.logError))
|
||||
.pipe(autoprefixer({
|
||||
browsers: pckg.browserslist,
|
||||
cascade: false
|
||||
browsers: ['last 2 versions']
|
||||
}))
|
||||
.pipe(rename('dashboard.css'))
|
||||
.pipe(gulp.dest('src/assets/css/'))
|
||||
|
||||
.pipe(rtlcss())
|
||||
.pipe(rename('dashboard.rtl.css'))
|
||||
.pipe(gulp.dest('src/assets/css/'));
|
||||
.pipe(gulp.dest(getDistDir() + '/css'));
|
||||
});
|
||||
|
||||
gulp.task('styles-plugins', function () {
|
||||
return gulp.src('src/assets/plugins/**/plugin.scss', { base: '.' })
|
||||
.pipe(sass({
|
||||
precision: 6,
|
||||
outputStyle: 'expanded'
|
||||
}).on('error', sass.logError))
|
||||
.pipe(autoprefixer({
|
||||
browsers: pckg.browserslist,
|
||||
cascade: false
|
||||
}))
|
||||
.pipe(rename(function(path) {
|
||||
path.extname = '.css';
|
||||
}))
|
||||
.pipe(gulp.dest('.'));
|
||||
gulp.task('js', function () {
|
||||
return gulp.src(['./js/vendor/*.js', './js/' + baseJsFile])
|
||||
.pipe(concat(baseJsFile))
|
||||
.pipe(gulp.dest(getDistDir() + '/js'));
|
||||
});
|
||||
|
||||
gulp.task('watch', ['styles', 'styles-plugins'], function() {
|
||||
gulp.watch('src/assets/scss/**/*.scss', ['styles']);
|
||||
gulp.watch('src/assets/plugins/**/*.scss', ['styles-plugins']);
|
||||
gulp.task('minify-css', function () {
|
||||
return gulp.src('./dist/**/*.css')
|
||||
.pipe(minifycss({level: {1: {specialComments: 0}}}))
|
||||
.pipe(gulp.dest('./dist'));
|
||||
});
|
||||
|
||||
gulp.task('build', ['styles', 'styles-plugins']);
|
||||
gulp.task('minify-html', function () {
|
||||
return gulp.src('./dist/**/*.html')
|
||||
.pipe(htmlclean())
|
||||
.pipe(htmlmin({
|
||||
removeComments: true,
|
||||
minifyJS: true,
|
||||
minifyCSS: true,
|
||||
minifyURLs: true
|
||||
}))
|
||||
.pipe(gulp.dest('./dist'));
|
||||
});
|
||||
|
||||
gulp.task('default', ['build']);
|
||||
gulp.task('fix-html', function () {
|
||||
return gulp.src('./dist/**/*.html')
|
||||
.pipe(replace('href="#"', 'href="javascript:void(0)"'))
|
||||
.pipe(replace(' class=""', ''))
|
||||
.pipe(replace(/^\s*[\r\n]/gm, ''))
|
||||
.pipe(gulp.dest('./dist'));
|
||||
});
|
||||
|
||||
gulp.task('minify-js', function () {
|
||||
return gulp.src('./dist/**/*.js')
|
||||
.pipe(uglify())
|
||||
.pipe(gulp.dest('./dist'));
|
||||
});
|
||||
|
||||
gulp.task('babel-js', () =>
|
||||
gulp.src('./dist/**/*.js')
|
||||
.pipe(babel({
|
||||
presets: ['@babel/env']
|
||||
}))
|
||||
.pipe(gulp.dest('dist'))
|
||||
);
|
||||
|
||||
gulp.task('minify-img', function () {
|
||||
return gulp.src('./dist/img/*')
|
||||
.pipe(imagemin())
|
||||
.pipe(gulp.dest('./dist/img'));
|
||||
});
|
||||
|
||||
gulp.task('copy-images', function () {
|
||||
return gulp.src('./img/**/*')
|
||||
.pipe(gulp.dest('./dist/img'));
|
||||
});
|
||||
|
||||
gulp.task('copy-js', function (fn) {
|
||||
gulp.src('./js/**/*')
|
||||
.pipe(gulp.dest('./dist/js'));
|
||||
gulp.src('./libs/**/*')
|
||||
.pipe(gulp.dest('./dist/libs'));
|
||||
|
||||
return fn();
|
||||
});
|
||||
|
||||
gulp.task('jekyll', function (done) {
|
||||
let productionEnv = process.env;
|
||||
|
||||
if (BUILD) {
|
||||
productionEnv.JEKYLL_ENV = 'production';
|
||||
}
|
||||
|
||||
child.spawn('bundle', ['exec', 'jekyll', 'build', '--destination', getDistDir()], {stdio: 'inherit', env: productionEnv})
|
||||
.on('close', function () {
|
||||
done();
|
||||
});
|
||||
});
|
||||
|
||||
// TODO: we need to improve it
|
||||
// gulp.task('icon-sprite', function () {
|
||||
// return gulp.src('icons/*.svg')
|
||||
// .pipe(svgSprite({
|
||||
// svgId: 'svg-%f',
|
||||
// sprite: 'icons-sprite.svg',
|
||||
// mode: 'symbol',
|
||||
// preview: false
|
||||
// }))
|
||||
// .pipe(rename('icons-sprite.svg'))
|
||||
// .pipe(gulp.dest('./pages/_includes'));
|
||||
// });
|
||||
|
||||
gulp.task('copy', gulp.series(function (cb) {
|
||||
const scripts = {
|
||||
'bootstrap': 'bootstrap/dist/**/*.{js,min.js}',
|
||||
'apexcharts': 'apexcharts/dist/**/*.{js,min.js}',
|
||||
'jquery': 'jquery/dist/**/jquery.{js,min.js}',
|
||||
'peity': 'peity/jquery.peity.min.js',
|
||||
'jqvmap': 'jqvmap/dist/**/*.{js,css}',
|
||||
'selectize': 'selectize/dist/**/*.{js,css}',
|
||||
};
|
||||
|
||||
for (let destinationDir in scripts) {
|
||||
gulp.src('./node_modules/' + scripts[destinationDir])
|
||||
.pipe(gulp.dest('./libs/' + destinationDir));
|
||||
}
|
||||
|
||||
cb();
|
||||
}));
|
||||
|
||||
gulp.task('useref', function () {
|
||||
return gulp.src('./dist/**/*.html')
|
||||
.pipe(useref({
|
||||
searchPath: ['./dist'],
|
||||
allowEmpty: true
|
||||
}))
|
||||
.pipe(gulp.dest('./dist'));
|
||||
});
|
||||
|
||||
gulp.task('serve', function () {
|
||||
browserSync.init({
|
||||
files: ['tmp/**'],
|
||||
port: 4567,
|
||||
watch: true,
|
||||
open: 'local',
|
||||
notify: false,
|
||||
server: {
|
||||
baseDir: 'tmp/',
|
||||
routes: {
|
||||
'/img': './img',
|
||||
'/libs': './libs',
|
||||
'/js': './js',
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
gulp.task('watch', function () {
|
||||
gulp.watch('pages/**/*', gulp.series('jekyll'));
|
||||
gulp.watch('_config.yml', gulp.series('jekyll'));
|
||||
gulp.watch('scss/**/*', gulp.series('sass'));
|
||||
gulp.watch('js/**/*', gulp.series('js'));
|
||||
gulp.watch('libs/**/*', gulp.series('js'));
|
||||
});
|
||||
|
||||
gulp.task('set-production', function (cb) {
|
||||
BUILD = true;
|
||||
cb();
|
||||
});
|
||||
|
||||
gulp.task('compress', gulp.series(gulp.series('fix-html', /*'minify-html',*/ 'minify-css', /*'babel-js',*/ 'minify-js', 'minify-img'), 'banner'));
|
||||
gulp.task('build', gulp.series('set-production', 'clean', 'jekyll', 'sass', 'copy-js', 'copy-images'/*, 'useref'*/, 'compress'));
|
||||
|
||||
gulp.task('default', gulp.series('sass', 'copy', /*'js',*/ 'jekyll', gulp.parallel('watch', 'serve')));
|
||||
|
||||
Reference in New Issue
Block a user