gulpfile.js 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
  1. 'use strict';
  2. var gulp = require('gulp');
  3. var sass = require('gulp-sass');
  4. var cssmin = require('gulp-cssmin');
  5. var mocha = require('gulp-spawn-mocha');
  6. var concat = require('gulp-concat');
  7. var rename = require('gulp-rename');
  8. var uglify = require('gulp-uglify');
  9. var jshint = require('gulp-jshint');
  10. var stylish = require('jshint-stylish');
  11. var pkg = require('./package.json');
  12. var dirs = {
  13. cssSrc: './resource/css',
  14. cssDist: './public/css',
  15. jsSrc: './resource/js',
  16. jsDist: './public/js',
  17. };
  18. var tests = {
  19. watch: ['test/**/*.test.js'],
  20. }
  21. var css = {
  22. src: dirs.cssSrc + '/' + pkg.name + '.scss',
  23. main: dirs.cssDist + '/crowi-main.css',
  24. dist: dirs.cssDist + '/crowi.css',
  25. watch: ['resource/css/*.scss'],
  26. };
  27. var js = {
  28. src: [
  29. 'bower_components/jquery/dist/jquery.js',
  30. 'bower_components/bootstrap-sass-official/assets/javascripts/bootstrap.js',
  31. 'node_modules/socket.io-client/socket.io.js',
  32. 'bower_components/marked/lib/marked.js',
  33. 'bower_components/jquery.cookie/jquery.cookie.js',
  34. 'bower_components/highlightjs/highlight.pack.js',
  35. 'resource/js/crowi.js'
  36. ],
  37. dist: dirs.jsDist + '/crowi.js',
  38. revealSrc: [
  39. 'bower_components/reveal.js/lib/js/head.min.js',
  40. 'bower_components/reveal.js/lib/js/html5shiv.js',
  41. 'bower_components/reveal.js/js/reveal.js'
  42. ],
  43. revealDist: dirs.jsDist + '/crowi-reveal.js',
  44. clientWatch: ['resource/js/**/*.js'],
  45. watch: ['test/**/*.test.js', 'app.js', 'lib/**/*.js'],
  46. lint: ['app.js', 'lib/**/*.js'],
  47. tests: tests.watch,
  48. };
  49. var cssIncludePaths = [
  50. 'bower_components/bootstrap-sass-official/assets/stylesheets',
  51. 'bower_components/fontawesome/scss',
  52. 'bower_components/reveal.js/css'
  53. ];
  54. gulp.task('js:concat', function() {
  55. gulp.src(js.revealSrc)
  56. .pipe(concat('crowi-reveal.js'))
  57. .pipe(gulp.dest(dirs.jsDist));
  58. return gulp.src(js.src)
  59. .pipe(concat('crowi.js'))
  60. .pipe(gulp.dest(dirs.jsDist));
  61. });
  62. gulp.task('js:min', ['js:concat'], function() {
  63. gulp.src(js.revealDist)
  64. .pipe(uglify())
  65. .pipe(rename({suffix: '.min'}))
  66. .pipe(gulp.dest(dirs.jsDist));
  67. return gulp.src(js.dist)
  68. .pipe(uglify())
  69. .pipe(rename({suffix: '.min'}))
  70. .pipe(gulp.dest(dirs.jsDist));
  71. });
  72. gulp.task('jshint', function() {
  73. return gulp.src(js.lint)
  74. .pipe(jshint())
  75. .pipe(jshint.reporter(stylish));
  76. });
  77. gulp.task('test', function() {
  78. return gulp.src(js.tests)
  79. .pipe(mocha({
  80. r: 'test/bootstrap.js',
  81. globals: ['chai'],
  82. R: 'dot',
  83. }));
  84. });
  85. gulp.task('css:sass', function() {
  86. return gulp.src(css.src)
  87. .pipe(sass({
  88. outputStyle: 'nesed',
  89. sourceComments: 'map',
  90. includePaths: cssIncludePaths
  91. }).on('error', sass.logError))
  92. .pipe(rename({suffix: '-main'}))
  93. .pipe(gulp.dest(dirs.cssDist));
  94. });
  95. gulp.task('css:concat', ['css:sass'], function() {
  96. return gulp.src([css.main, 'bower_components/highlightjs/styles/tomorrow-night.css'])
  97. .pipe(concat('crowi.css'))
  98. .pipe(gulp.dest(dirs.cssDist))
  99. });
  100. gulp.task('css:min', ['css:concat'], function() {
  101. return gulp.src(css.dist)
  102. .pipe(cssmin())
  103. .pipe(rename({suffix: '.min'}))
  104. .pipe(gulp.dest(dirs.cssDist));
  105. });
  106. gulp.task('watch', function() {
  107. var watchLogger = function(event) {
  108. console.log('File ' + event.path + ' was ' + event.type + ', running tasks...');
  109. };
  110. var cssWatcher = gulp.watch(css.watch, ['css:concat']);
  111. cssWatcher.on('change', watchLogger);
  112. var jsWatcher = gulp.watch(js.clientWatch, ['js:concat']);
  113. jsWatcher.on('change', watchLogger);
  114. var testWatcher = gulp.watch(js.watch, ['test']);
  115. testWatcher.on('change', watchLogger);
  116. });
  117. gulp.task('css', ['css:sass', 'css:concat',]);
  118. gulp.task('default', ['css:min', 'js:min',]);
  119. gulp.task('dev', ['css:concat', 'js:concat','jshint', 'test']);