gulpfile.js 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
  1. var gulp = require("gulp");
  2. var merge = require('merge-stream');
  3. var babel = require("gulp-babel");
  4. var uglify = require('gulp-uglify');
  5. var concat = require('gulp-concat');
  6. var nodemon = require('gulp-nodemon');
  7. var plumber = require('gulp-plumber');
  8. var zip = require('gulp-zip');
  9. var tar = require('gulp-tar');
  10. var gzip = require('gulp-gzip');
  11. var sass = require('gulp-sass');
  12. var cleanCSS = require('gulp-clean-css');
  13. var include = require("gulp-include");
  14. /**
  15. * Paths
  16. *
  17. * @type {Object}
  18. */
  19. var paths = {
  20. scriptlibs: [
  21. './node_modules/jquery/dist/jquery.min.js',
  22. './node_modules/vue/dist/vue.min.js',
  23. './node_modules/jquery-smooth-scroll/jquery.smooth-scroll.min.js',
  24. './node_modules/sticky-js/dist/sticky.min.js',
  25. './node_modules/simplemde/dist/simplemde.min.js',
  26. './node_modules/ace-builds/src-min-noconflict/ace.js',
  27. './node_modules/ace-builds/src-min-noconflict/mode-markdown.js',
  28. './node_modules/ace-builds/src-min-noconflict/theme-tomorrow_night.js',
  29. './node_modules/lodash/lodash.min.js'
  30. ],
  31. scriptapps: [
  32. './client/js/components/*.js',
  33. './client/js/app.js'
  34. ],
  35. scriptapps_watch: [
  36. './client/js/**/*.js'
  37. ],
  38. csslibs: [
  39. './node_modules/font-awesome/css/font-awesome.min.css',
  40. './node_modules/highlight.js/styles/default.css',
  41. './node_modules/simplemde/dist/simplemde.min.css'
  42. ],
  43. cssapps: [
  44. './client/scss/app.scss'
  45. ],
  46. cssapps_watch: [
  47. './client/scss/**/*.scss'
  48. ],
  49. cssapps_imports: [
  50. './node_modules/bulma/'
  51. ],
  52. fonts: [
  53. './node_modules/font-awesome/fonts/*-webfont.*',
  54. '!./node_modules/font-awesome/fonts/*-webfont.svg'
  55. ],
  56. deploypackage: [
  57. './**/*',
  58. '!node_modules', '!node_modules/**',
  59. '!coverage', '!coverage/**',
  60. '!client/js', '!client/js/**',
  61. '!dist', '!dist/**',
  62. '!tests', '!tests/**',
  63. '!gulpfile.js', '!inch.json', '!config.yml', '!wiki.sublime-project'
  64. ]
  65. };
  66. /**
  67. * TASK - Starts server in development mode
  68. */
  69. gulp.task('server', ['scripts', 'css', 'fonts'], function() {
  70. nodemon({
  71. script: './server',
  72. ignore: ['assets/', 'client/', 'data/', 'repo/', 'tests/'],
  73. ext: 'js json',
  74. env: { 'NODE_ENV': 'development' }
  75. });
  76. });
  77. /**
  78. * TASK - Process all scripts processes
  79. */
  80. gulp.task("scripts", ['scripts-libs', 'scripts-app']);
  81. /**
  82. * TASK - Combine js libraries
  83. */
  84. gulp.task("scripts-libs", function () {
  85. return gulp.src(paths.scriptlibs)
  86. .pipe(plumber())
  87. .pipe(concat('libs.js'))
  88. .pipe(uglify({ mangle: false }))
  89. .pipe(plumber.stop())
  90. .pipe(gulp.dest("./assets/js"));
  91. });
  92. /**
  93. * TASK - Combine, make compatible and compress js app scripts
  94. */
  95. gulp.task("scripts-app", function () {
  96. return gulp.src(paths.scriptapps)
  97. .pipe(plumber())
  98. .pipe(concat('app.js'))
  99. .pipe(include({ extensions: "js" }))
  100. .pipe(babel())
  101. .pipe(uglify())
  102. .pipe(plumber.stop())
  103. .pipe(gulp.dest("./assets/js"));
  104. });
  105. /**
  106. * TASK - Process all css processes
  107. */
  108. gulp.task("css", ['css-libs', 'css-app']);
  109. /**
  110. * TASK - Combine css libraries
  111. */
  112. gulp.task("css-libs", function () {
  113. return gulp.src(paths.csslibs)
  114. .pipe(plumber())
  115. .pipe(concat('libs.css'))
  116. .pipe(cleanCSS({ keepSpecialComments: 0 }))
  117. .pipe(plumber.stop())
  118. .pipe(gulp.dest("./assets/css"));
  119. });
  120. /**
  121. * TASK - Combine app css
  122. */
  123. gulp.task("css-app", function () {
  124. return gulp.src(paths.cssapps)
  125. .pipe(plumber())
  126. .pipe(sass({
  127. includePaths: paths.cssapps_imports
  128. }))
  129. .pipe(concat('app.css'))
  130. .pipe(cleanCSS({ keepSpecialComments: 0 }))
  131. .pipe(plumber.stop())
  132. .pipe(gulp.dest("./assets/css"));
  133. });
  134. /**
  135. * TASK - Copy web fonts
  136. */
  137. gulp.task("fonts", function () {
  138. return gulp.src(paths.fonts)
  139. .pipe(gulp.dest("./assets/fonts"));
  140. });
  141. /**
  142. * TASK - Start dev watchers
  143. */
  144. gulp.task('watch', function() {
  145. gulp.watch([paths.scriptapps_watch], ['scripts-app']);
  146. gulp.watch([paths.cssapps_watch], ['css-app']);
  147. });
  148. /**
  149. * TASK - Starts development server with watchers
  150. */
  151. gulp.task('default', ['watch', 'server']);
  152. /**
  153. * TASK - Creates deployment packages
  154. */
  155. gulp.task('deploy', ['scripts', 'css', 'fonts'], function() {
  156. var zipStream = gulp.src(paths.deploypackage)
  157. .pipe(zip('requarks-wiki.zip'))
  158. .pipe(gulp.dest('dist'));
  159. var targzStream = gulp.src(paths.deploypackage)
  160. .pipe(tar('requarks-wiki.tar'))
  161. .pipe(gzip())
  162. .pipe(gulp.dest('dist'));
  163. return merge(zipStream, targzStream);
  164. });