gulpfile.js 3.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. var gulp = require("gulp");
  2. var uglify = require("gulp-uglify");
  3. var typescript = require("gulp-typescript");
  4. var sourcemaps = require("gulp-sourcemaps");
  5. var srcToVariable = require("./gulp-srcToVariable");
  6. var merge2 = require("merge2");
  7. var concat = require("gulp-concat");
  8. var rename = require("gulp-rename");
  9. var cleants = require('gulp-clean-ts-extends');
  10. var changed = require('gulp-changed');
  11. var runSequence = require('run-sequence');
  12. var config = require("./config.json");
  13. var shadersStream;
  14. var workersStream;
  15. //function to convert the shaders' filenames to variable names.
  16. function shadersName(filename) {
  17. return filename.replace('.fragment', 'Pixel')
  18. .replace('.vertex', 'Vertex')
  19. .replace('.fx', 'Shader');
  20. }
  21. gulp.task("shaders", function(cb) {
  22. shadersStream = config.shadersDirectories.map(function(shadersDef) {
  23. return gulp.src(shadersDef.files).pipe(srcToVariable(shadersDef.variable, true, shadersName));
  24. });
  25. cb();
  26. });
  27. gulp.task("workers", function(cb) {
  28. workersStream = config.workers.map(function(workerDef) {
  29. return gulp.src(workerDef.files).pipe(uglify()).pipe(srcToVariable(workerDef.variable));
  30. });
  31. cb();
  32. });
  33. /*
  34. Compiles all typescript files and creating a declaration file.
  35. */
  36. gulp.task('typescript-compile', function() {
  37. var tsResult = gulp.src(config.core.typescript)
  38. .pipe(sourcemaps.init()) // sourcemaps init. currently redundant directory def, waiting for this - https://github.com/floridoo/gulp-sourcemaps/issues/111
  39. .pipe(typescript({
  40. noExternalResolve: true,
  41. target: 'ES5',
  42. declarationFiles: true,
  43. typescript: require('typescript')
  44. }));
  45. return merge2([
  46. tsResult.dts
  47. .pipe(concat(config.build.declarationFilename))
  48. .pipe(gulp.dest(config.build.outputDirectory)),
  49. tsResult.js
  50. .pipe(sourcemaps.write("./")) // sourcemaps are written
  51. .pipe(gulp.dest('../../Babylon/'))
  52. ]);
  53. });
  54. gulp.task("build", ["workers", "shaders"], function() {
  55. return merge2(
  56. gulp.src(config.core.files, config.extras.files),
  57. shadersStream,
  58. workersStream
  59. )
  60. .pipe(concat(config.build.filename))
  61. .pipe(cleants())
  62. .pipe(gulp.dest(config.build.outputDirectory))
  63. .pipe(rename({suffix: config.build.minSuffix}))
  64. .pipe(uglify())
  65. .pipe(gulp.dest(config.build.outputDirectory))
  66. });
  67. gulp.task("typescript", function(cb) {
  68. runSequence("typescript-compile", "build");
  69. });
  70. /**
  71. * The default task, call the tasks: build
  72. */
  73. gulp.task('default', function() {
  74. return gulp.start('build');
  75. });
  76. /**
  77. * Watch task, will call the default task if a js file is updated.
  78. */
  79. gulp.task('watch', function() {
  80. gulp.watch('../../Babylon/**/*.js', ['build']);
  81. });
  82. /**
  83. * Watch typescript task, will call the default typescript task if a typescript file is updated.
  84. */
  85. gulp.task('watch-typescript', function() {
  86. gulp.watch("../../Babylon/**/*.ts", ["typescript-compile", "build"]);
  87. });