gulpfile.js 4.0 KB

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