build: move packaging out of gulp folder (#5063)

Author: devversion

gulpfile.js

@@ -6,9 +6,20 @@
 
 const path = require('path');
 
+const tsconfigPath = path.join(__dirname, 'tools/gulp/tsconfig.json');
+const tsconfig = require(tsconfigPath);
+
 // Register TS compilation.
 require('ts-node').register({
-  project: path.join(__dirname, 'tools/gulp/tsconfig.json')
+  project: tsconfigPath
+});
+
+// The gulp tsconfig file maps specific imports to relative paths. In combination with ts-node
+// this doesn't work because the JavaScript output will still refer to the imports instead of
+// to the relative path. Tsconfig-paths can be used to support path mapping inside of Node.
+require("tsconfig-paths").register({
+  baseUrl: path.dirname(tsconfigPath),
+  paths: tsconfig.compilerOptions.paths
 });
 
 require('./tools/gulp/gulpfile');

tools/gulp/gulpfile.ts

@@ -1,4 +1,4 @@
-import {createPackageBuildTasks} from './packaging/build-tasks-gulp';
+import {createPackageBuildTasks} from 'material2-build-tools';
 
 // Create gulp tasks to build the different packages in the project.
 createPackageBuildTasks('cdk');

tools/gulp/tasks/aot.ts

@@ -1,8 +1,8 @@
 import {task} from 'gulp';
 import {copySync} from 'fs-extra';
-import {sequenceTask, execNodeTask} from '../util/task_helpers';
+import {execNodeTask} from '../util/task_helpers';
 import {join} from 'path';
-import {buildConfig} from '../packaging/build-config';
+import {buildConfig, sequenceTask} from 'material2-build-tools';
 
 const {outputDir} = buildConfig;
 

tools/gulp/tasks/clean.ts

@@ -1,6 +1,6 @@
 import {task} from 'gulp';
 import {cleanTask} from '../util/task_helpers';
-import {buildConfig} from '../packaging/build-config';
+import {buildConfig} from 'material2-build-tools';
 
 
 /** Deletes the dist/ directory. */

tools/gulp/tasks/coverage.ts

@@ -4,7 +4,7 @@ import {existsSync} from 'fs-extra';
 import {spawnSync} from 'child_process';
 import {isTravisMasterBuild} from '../util/travis-ci';
 import {openFirebaseDashboardApp} from '../util/firebase';
-import {buildConfig} from '../packaging/build-config';
+import {buildConfig} from 'material2-build-tools';
 
 /** Path to the file that includes all coverage information form Karma. */
 const coverageResultFile = join(buildConfig.outputDir, 'coverage/coverage-summary.json');

tools/gulp/tasks/development.ts

@@ -1,11 +1,9 @@
 import {task, watch} from 'gulp';
-import {
-  sassBuildTask, tsBuildTask, copyTask, buildAppTask, sequenceTask, triggerLivereload,
-  serverTask
-} from '../util/task_helpers';
+import {tsBuildTask, copyTask, buildAppTask, serverTask} from '../util/task_helpers';
 import {join} from 'path';
-import {copyFiles} from '../util/copy-files';
-import {buildConfig} from '../packaging/build-config';
+import {
+  buildConfig, copyFiles, buildScssTask, triggerLivereload, sequenceTask
+} from 'material2-build-tools';
 
 // These imports don't have any typings provided.
 const firebaseTools = require('firebase-tools');
@@ -44,7 +42,7 @@ task(':watch:devapp', () => {
 const tsconfigPath = join(appDir, 'tsconfig-build.json');
 
 task(':build:devapp:ts', tsBuildTask(tsconfigPath));
-task(':build:devapp:scss', sassBuildTask(outDir, appDir));
+task(':build:devapp:scss', buildScssTask(outDir, appDir));
 task(':build:devapp:assets', copyTask(appDir, outDir));
 task('build:devapp', buildAppTask('devapp'));
 

tools/gulp/tasks/docs.ts

@@ -1,7 +1,7 @@
 import {task, src, dest} from 'gulp';
 import {Dgeni} from 'dgeni';
 import * as path from 'path';
-import {buildConfig} from '../packaging/build-config';
+import {buildConfig} from 'material2-build-tools';
 
 // There are no type definitions available for these imports.
 const markdown = require('gulp-markdown');

tools/gulp/tasks/e2e.ts

@@ -1,8 +1,8 @@
 import {task, watch} from 'gulp';
 import {join} from 'path';
-import {ngcBuildTask, copyTask, execNodeTask, sequenceTask, serverTask} from '../util/task_helpers';
+import {ngcBuildTask, copyTask, execNodeTask, serverTask} from '../util/task_helpers';
 import {copySync} from 'fs-extra';
-import {buildConfig} from '../packaging/build-config';
+import {buildConfig, sequenceTask} from 'material2-build-tools';
 
 // There are no type definitions available for these imports.
 const gulpConnect = require('gulp-connect');

tools/gulp/tasks/lint.ts

@@ -1,7 +1,7 @@
 import {task} from 'gulp';
 import {execNodeTask} from '../util/task_helpers';
 import {join} from 'path';
-import {buildConfig} from '../packaging/build-config';
+import {buildConfig} from 'material2-build-tools';
 
 /** Glob that matches all SCSS or CSS files that should be linted. */
 const stylesGlob = '+(tools|src)/**/*.+(css|scss)';

tools/gulp/tasks/material-release.ts

@@ -2,9 +2,7 @@ import {task, src, dest} from 'gulp';
 import {join} from 'path';
 import {writeFileSync, mkdirpSync} from 'fs-extra';
 import {Bundler} from 'scss-bundle';
-import {sequenceTask} from '../util/task_helpers';
-import {composeRelease} from '../packaging/build-release';
-import {buildConfig} from '../packaging/build-config';
+import {composeRelease, buildConfig, sequenceTask} from 'material2-build-tools';
 
 // There are no type definitions available for these imports.
 const gulpRename = require('gulp-rename');