modules.js 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. const del = require('del');
  2. const _ = require('lodash'); // TODO: kill
  3. const gulp = require('gulp');
  4. const plumber = require('gulp-plumber'); // TODO: kill
  5. const concat = require('gulp-concat'); // TODO: kill
  6. const template = require('gulp-template'); // TODO: kill
  7. const sourcemaps = require('gulp-sourcemaps'); // TODO: kill
  8. const webpack = require('webpack-stream');
  9. // configs
  10. const packageConf = require('../package.json'); // TODO: kill
  11. const srcConf = require('../src.json'); // TODO: kill
  12. const createCoreConfig = require('./webpack/createCoreConfig');
  13. const createPluginsConfig = require('./webpack/createPluginsConfig');
  14. gulp.task('modules', [ 'core', 'plugins', 'css' ]);
  15. gulp.task('modules:dev', [ 'core:dev', 'plugins:dev', 'css:dev' ]);
  16. gulp.task('modules:watch', [ 'core:watch', 'plugins:watch', 'css:watch' ]);
  17. // deletes all generated js/css files in the dist directory
  18. gulp.task('modules:clean', function() {
  19. return del('dist/*.{js,ts,css,map}');
  20. });
  21. // core
  22. gulp.task('core', function() {
  23. const config = createCoreConfig();
  24. return gulp.src([])
  25. .pipe(webpack(config))
  26. .pipe(gulp.dest(config.output.path));
  27. });
  28. gulp.task('core:dev', function() {
  29. const config = createCoreConfig({ debug: true });
  30. return gulp.src([])
  31. .pipe(webpack(config))
  32. .pipe(gulp.dest(config.output.path));
  33. });
  34. gulp.task('core:watch', function() {
  35. const config = createCoreConfig({ debug: true, watch: true });
  36. return gulp.src([])
  37. .pipe(webpack(config))
  38. .pipe(gulp.dest(config.output.path));
  39. });
  40. // plugins
  41. gulp.task('plugins', [ 'ts-types' ], function() {
  42. const config = createPluginsConfig();
  43. return gulp.src([])
  44. .pipe(webpack(config))
  45. .pipe(gulp.dest(config.output.path));
  46. });
  47. gulp.task('plugins:dev', [ 'ts-types' ], function() {
  48. const config = createPluginsConfig({ debug: true });
  49. return gulp.src([])
  50. .pipe(webpack(config))
  51. .pipe(gulp.dest(config.output.path));
  52. });
  53. gulp.task('plugins:watch', [ 'ts-types' ], function() {
  54. const config = createPluginsConfig({ debug: true, watch: true });
  55. return gulp.src([])
  56. .pipe(webpack(config))
  57. .pipe(gulp.dest(config.output.path));
  58. });
  59. // css (TODO: kill)
  60. // generates js/css/sourcemap files in dist directory
  61. gulp.task('css', _.map(srcConf, function(srcFiles, distFile) {
  62. return 'css:' + distFile; // generates an array of task names
  63. }));
  64. // generates js/css/sourcemap files in dist directory
  65. gulp.task('css:dev', _.map(srcConf, function(srcFiles, distFile) {
  66. return 'css:dev:' + distFile; // generates an array of task names
  67. }));
  68. // watches source files and generates js/css/sourcemaps
  69. gulp.task('css:watch', _.map(srcConf, function(srcFiles, distFile) {
  70. return 'css:watch:' + distFile; // generates an array of task names
  71. }));
  72. // loop the distFile:srcFiles map
  73. _.forEach(srcConf, function(srcFiles, distFile) {
  74. gulp.task('css:' + distFile, function() {
  75. return gulp.src(srcFiles, { cwd: 'src/', base: 'src/' })
  76. .pipe(plumber()) // affects future streams
  77. .pipe(concat(distFile, { newLine: '\n\n' }))
  78. .pipe(template(packageConf)) // replaces <%= %> variables
  79. .pipe(gulp.dest('dist/'));
  80. });
  81. gulp.task('css:dev:' + distFile, function() {
  82. return gulp.src(srcFiles, { cwd: 'src/', base: 'src/' })
  83. .pipe(plumber()) // affects future streams
  84. .pipe(sourcemaps.init())
  85. .pipe(concat(distFile, { newLine: '\n\n' }))
  86. .pipe(template(packageConf)) // replaces <%= %> variables
  87. .pipe(sourcemaps.write('.', {
  88. includeContent: false, // because we'll reference the src files
  89. sourceRoot: '../src/' // relative to outputted file in dist
  90. }))
  91. .pipe(gulp.dest('dist/'));
  92. });
  93. // generates dev files first, then watches
  94. gulp.task('css:watch:' + distFile, [ 'css:dev:' + distFile ], function() {
  95. return gulp.watch(srcFiles, { cwd: 'src/' }, [ 'css:dev:' + distFile ]);
  96. });
  97. });