gulpTasks-libraries.js 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. // Gulp Tools
  2. var gulp = require("gulp");
  3. var webpack = require('webpack');
  4. var webpackStream = require("webpack-stream");
  5. var cp = require('child_process');
  6. var path = require("path");
  7. // Gulp Helpers
  8. var uncommentShaders = require('../helpers/gulp-removeShaderComments');
  9. var processShaders = require("../helpers/gulp-processShaders");
  10. var processAmdDeclarationToModule = require('../helpers/gulp-processAmdDeclarationToModule');
  11. var processModuleDeclarationToNamespace = require('../helpers/gulp-processModuleDeclarationToNamespace');
  12. var rmDir = require("../helpers/gulp-rmDir");
  13. // Import Build Config
  14. var config = require("../config.json");
  15. /**
  16. * Create shader ts files.
  17. */
  18. var buildShaders = function(settings) {
  19. return gulp.src(settings.build.srcDirectory + "**/*.fx")
  20. .pipe(uncommentShaders())
  21. .pipe(processShaders(settings.isCore));
  22. }
  23. /**
  24. * Build a single library (one of the material of mat lib) from a module (materialsLibrary for instance)
  25. */
  26. var buildExternalLibrariesMultiEntry = function(libraries, settings, isMin) {
  27. // Convert Module to Namespace for globals
  28. var outputDirectory = config.build.outputDirectory + settings.build.distOutputDirectory;
  29. // Does name contain .min. for min files.
  30. var isMinOutputName = libraries[0].output.indexOf(".min.") > -1;
  31. // Webpack Config.
  32. var wpConfig = require(settings.build.webpack);
  33. // Create multi entry list.
  34. wpConfig.entry = { };
  35. for (let library of settings.libraries) {
  36. let name = library.output.replace(isMinOutputName ? ".min.js" : ".js", "");
  37. wpConfig.entry[name] = path.resolve(wpConfig.context, library.entry);
  38. }
  39. // Create output by type (min vs max).
  40. if (isMin) {
  41. wpConfig.output.filename = isMinOutputName ? '[name].min.js' : '[name].js';
  42. }
  43. else {
  44. // Generate unminified file.
  45. wpConfig.mode = "development";
  46. wpConfig.output.filename = isMinOutputName ? '[name].js' : '[name].max.js';
  47. }
  48. // Generate minified file.
  49. let wpBuild = webpackStream(wpConfig, webpack);
  50. return wpBuild.pipe(gulp.dest(outputDirectory));
  51. }
  52. /**
  53. * Build DTS Files
  54. */
  55. var buildDTSFiles = function(libraries, settings, cb) {
  56. // Convert Module to Namespace for globals
  57. var outputDirectory = config.build.outputDirectory + settings.build.distOutputDirectory;
  58. // TODO. Generate all d.ts
  59. let library = libraries[0];
  60. if (!library.preventLoadLibrary) {
  61. // Find declaration path.
  62. let fileLocation = path.join(outputDirectory, settings.build.processDeclaration.filename);
  63. // Create temp directory.
  64. let srcDirectory = settings.build.srcDirectory;
  65. let depthCount = srcDirectory.match(/\//g).length - srcDirectory.match(/\.\.\//g).length;
  66. let tempDirectory = "";
  67. for (let i = 0; i < depthCount; i++) {
  68. tempDirectory += "../"
  69. }
  70. tempDirectory += ".temp/";
  71. // Generate DTS the old way...
  72. cp.execSync('tsc --module amd --outFile "' + tempDirectory + 'amd.js" --emitDeclarationOnly true', {
  73. cwd: settings.build.srcDirectory
  74. });
  75. // Convert the tsc AMD BUNDLED declaration to our expected one
  76. processAmdDeclarationToModule("../../.temp/amd.d.ts", {
  77. output: fileLocation,
  78. moduleName: settings.build.processDeclaration.packageName,
  79. entryPoint: library.entry,
  80. externals: settings.build.processDeclaration.classMap,
  81. });
  82. // Convert Module to Namespace for globals
  83. processModuleDeclarationToNamespace(fileLocation, settings.build.processDeclaration);
  84. }
  85. cb();
  86. }
  87. /**
  88. * Dynamic module creation In Serie for WebPack leaks.
  89. */
  90. function buildExternalLibraries(settings) {
  91. // Clean up old build files.
  92. // rmDir(settings.build.dtsBundle.baseDir);
  93. // Creates the required tasks.
  94. var tasks = [];
  95. var shaders = function() { return buildShaders(settings); };
  96. var buildMin = function() { return buildExternalLibrariesMultiEntry(settings.libraries, settings, true) };
  97. var buildMax = function() { return buildExternalLibrariesMultiEntry(settings.libraries, settings, false) };
  98. var buildDTS = function(cb) { return buildDTSFiles(settings.libraries, settings, cb) };
  99. tasks.push(shaders, buildMin, buildMax, buildDTS);
  100. return gulp.series.apply(this, tasks);
  101. }
  102. /**
  103. * Dynamic module creation.
  104. */
  105. config.modules.map(function(module) {
  106. const settings = config[module];
  107. gulp.task(module, buildExternalLibraries(settings));
  108. });