v2.0.0

gulpfile.js

@@ -10,6 +10,8 @@ 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',
@@ -20,7 +22,7 @@ var paths = gulp.paths;
 
 
 // Static Server + watching scss/html files
-gulp.task('serve', ['sass'], function() {
+gulp.task('serve', ['sass'], function () {
 
     browserSync.init({
         port: 3000,
@@ -38,7 +40,7 @@ gulp.task('serve', ['sass'], function() {
 
 
 // Static Server without watching scss files
-gulp.task('serve:lite', function() {
+gulp.task('serve:lite', function () {
 
     browserSync.init({
         server: "./",
@@ -71,45 +73,111 @@ gulp.task('sass:watch', function () {
 
 
 /*sequence for injecting partials and replacing paths*/
-gulp.task('inject', function() {
-  runSequence('injectPartial' , 'injectAssets' , 'replacePath');
+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("."));
+    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(['./node_modules/mdi/css/materialdesignicons.min.css', './node_modules/simple-line-icons/css/simple-line-icons.css' , './node_modules/perfect-scrollbar/css/perfect-scrollbar.css' , './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'], {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('.'));
+    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('.'));
+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('copyRecursiveVendorFiles', 'buildBaseVendorStyles', 'buildBaseVendorScripts', 'buildOptionalVendorScripts');
+});
+
+/* Copy whole folder of some specific node modules that are calling other files internally */
+gulp.task('copyRecursiveVendorFiles', function () {
+    var mdi = gulp.src(['./node_modules/mdi/**/*'])
+        .pipe(gulp.dest('./vendors/iconfonts/mdi'));
+    var fontawesome = gulp.src(['./node_modules/font-awesome/**/*'])
+        .pipe(gulp.dest('./vendors/iconfonts/font-awesome'));
+    return merge(
+        mdi,
+        fontawesome
+    );
+});
 
+/*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'
+        ])
+        .pipe(concat('vendor.bundle.base.js'))
+        .pipe(gulp.dest('./vendors/js'));
+});
 
-gulp.task('default', ['serve']);
+/*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']);