170 lines
4.8 KiB
JavaScript
170 lines
4.8 KiB
JavaScript
|
'use strict'
|
||
|
|
||
|
var gulp = require('gulp');
|
||
|
var browserSync = require('browser-sync').create();
|
||
|
var sass = require('gulp-sass');
|
||
|
var rename = require('gulp-rename');
|
||
|
var del = require('del');
|
||
|
var runSequence = require('run-sequence');
|
||
|
var replace = require('gulp-replace');
|
||
|
var injectPartials = require('gulp-inject-partials');
|
||
|
var inject = require('gulp-inject');
|
||
|
var sourcemaps = require('gulp-sourcemaps');
|
||
|
var concat = require('gulp-concat');
|
||
|
var merge = require('merge-stream');
|
||
|
|
||
|
gulp.paths = {
|
||
|
dist: 'dist',
|
||
|
};
|
||
|
|
||
|
var paths = gulp.paths;
|
||
|
|
||
|
|
||
|
|
||
|
// Static Server + watching scss/html files
|
||
|
gulp.task('serve', ['sass'], function() {
|
||
|
|
||
|
browserSync.init({
|
||
|
port: 3000,
|
||
|
server: "./",
|
||
|
ghostMode: false,
|
||
|
notify: false
|
||
|
});
|
||
|
|
||
|
gulp.watch('scss/**/*.scss', ['sass']);
|
||
|
gulp.watch('**/*.html').on('change', browserSync.reload);
|
||
|
gulp.watch('js/**/*.js').on('change', browserSync.reload);
|
||
|
|
||
|
});
|
||
|
|
||
|
|
||
|
|
||
|
// Static Server without watching scss files
|
||
|
gulp.task('serve:lite', function() {
|
||
|
|
||
|
browserSync.init({
|
||
|
server: "./",
|
||
|
ghostMode: false,
|
||
|
notify: false
|
||
|
});
|
||
|
|
||
|
gulp.watch('**/*.css').on('change', browserSync.reload);
|
||
|
gulp.watch('**/*.html').on('change', browserSync.reload);
|
||
|
gulp.watch('js/**/*.js').on('change', browserSync.reload);
|
||
|
|
||
|
});
|
||
|
|
||
|
|
||
|
|
||
|
gulp.task('sass', function () {
|
||
|
return gulp.src('./scss/style.scss')
|
||
|
.pipe(sourcemaps.init())
|
||
|
.pipe(sass({outputStyle: 'expanded'}).on('error', sass.logError))
|
||
|
.pipe(sourcemaps.write('./maps'))
|
||
|
.pipe(gulp.dest('./css'))
|
||
|
.pipe(browserSync.stream());
|
||
|
});
|
||
|
|
||
|
|
||
|
|
||
|
gulp.task('sass:watch', function () {
|
||
|
gulp.watch('./scss/**/*.scss');
|
||
|
});
|
||
|
|
||
|
|
||
|
/*sequence for injecting partials and replacing paths*/
|
||
|
gulp.task('inject', function() {
|
||
|
runSequence('injectPartial' , 'injectAssets' , 'replacePath');
|
||
|
});
|
||
|
|
||
|
|
||
|
|
||
|
/* inject partials like sidebar and navbar */
|
||
|
gulp.task('injectPartial', function () {
|
||
|
return gulp.src("./**/*.html", { base: "./" })
|
||
|
.pipe(injectPartials())
|
||
|
.pipe(gulp.dest("."));
|
||
|
});
|
||
|
|
||
|
|
||
|
|
||
|
/* inject Js and CCS assets into HTML */
|
||
|
gulp.task('injectAssets', function () {
|
||
|
return gulp.src('./**/*.html')
|
||
|
.pipe(inject(gulp.src([
|
||
|
'./vendors/iconfonts/mdi/css/materialdesignicons.min.css',
|
||
|
'./vendors/css/vendor.bundle.base.css',
|
||
|
'./vendors/css/vendor.bundle.addons.css',
|
||
|
'./vendors/js/vendor.bundle.base.js',
|
||
|
'./vendors/js/vendor.bundle.addons.js'
|
||
|
], {read: false}), {name: 'plugins', relative: true}))
|
||
|
.pipe(inject(gulp.src([
|
||
|
'./css/*.css',
|
||
|
'./js/off-canvas.js',
|
||
|
'./js/misc.js',
|
||
|
], {read: false}), {relative: true}))
|
||
|
.pipe(gulp.dest('.'));
|
||
|
});
|
||
|
|
||
|
|
||
|
|
||
|
/*replace image path and linking after injection*/
|
||
|
gulp.task('replacePath', function(){
|
||
|
gulp.src('pages/*/*.html', { base: "./" })
|
||
|
.pipe(replace('src="images/', 'src="../../images/'))
|
||
|
.pipe(replace('href="pages/', 'href="../../pages/'))
|
||
|
.pipe(replace('href="index.html"', 'href="../../index.html"'))
|
||
|
.pipe(gulp.dest('.'));
|
||
|
gulp.src('pages/*.html', { base: "./" })
|
||
|
.pipe(replace('src="images/', 'src="../images/'))
|
||
|
.pipe(replace('"pages/', '"../pages/'))
|
||
|
.pipe(replace('href="index.html"', 'href="../index.html"'))
|
||
|
.pipe(gulp.dest('.'));
|
||
|
});
|
||
|
|
||
|
/*sequence for building vendor scripts and styles*/
|
||
|
gulp.task('bundleVendors', function() {
|
||
|
runSequence('clean:vendors','copyRecursiveVendorFiles', 'buildBaseVendorStyles','buildBaseVendorScripts', 'buildOptionalVendorScripts');
|
||
|
});
|
||
|
|
||
|
gulp.task('clean:vendors', function () {
|
||
|
return del([
|
||
|
'vendors/**/*'
|
||
|
]);
|
||
|
});
|
||
|
|
||
|
/* Copy whole folder of some specific node modules that are calling other files internally */
|
||
|
gulp.task('copyRecursiveVendorFiles', function() {
|
||
|
return gulp.src(['./node_modules/mdi/**/*'])
|
||
|
.pipe(gulp.dest('./vendors/iconfonts/mdi'));
|
||
|
});
|
||
|
|
||
|
/*Building vendor scripts needed for basic template rendering*/
|
||
|
gulp.task('buildBaseVendorScripts', function() {
|
||
|
return gulp.src([
|
||
|
'./node_modules/jquery/dist/jquery.min.js',
|
||
|
'./node_modules/popper.js/dist/umd/popper.min.js',
|
||
|
'./node_modules/bootstrap/dist/js/bootstrap.min.js',
|
||
|
'./node_modules/perfect-scrollbar/dist/perfect-scrollbar.min.js'
|
||
|
])
|
||
|
.pipe(concat('vendor.bundle.base.js'))
|
||
|
.pipe(gulp.dest('./vendors/js'));
|
||
|
});
|
||
|
|
||
|
/*Building vendor styles needed for basic template rendering*/
|
||
|
gulp.task('buildBaseVendorStyles', function() {
|
||
|
return gulp.src(['./node_modules/perfect-scrollbar/css/perfect-scrollbar.css'])
|
||
|
.pipe(concat('vendor.bundle.base.css'))
|
||
|
.pipe(gulp.dest('./vendors/css'));
|
||
|
});
|
||
|
|
||
|
/*Building optional vendor scripts for addons*/
|
||
|
gulp.task('buildOptionalVendorScripts', function() {
|
||
|
return gulp.src([
|
||
|
'node_modules/chart.js/dist/Chart.min.js',
|
||
|
])
|
||
|
.pipe(concat('vendor.bundle.addons.js'))
|
||
|
.pipe(gulp.dest('./vendors/js'));
|
||
|
});
|
||
|
gulp.task('default', ['serve']);
|