mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
Paul Gschwendtner
72 lines
3.0 KiB
TypeScript
72 lines
3.0 KiB
TypeScript
import {task, watch} from 'gulp';
|
|
import {tsBuildTask, copyTask, buildAppTask, serverTask} from '../util/task_helpers';
|
|
import {join} from 'path';
|
|
import {
|
|
buildConfig, copyFiles, buildScssTask, triggerLivereload, sequenceTask
|
|
} from 'material2-build-tools';
|
|
|
|
// These imports don't have any typings provided.
|
|
const firebaseTools = require('firebase-tools');
|
|
|
|
const {outputDir, packagesDir, projectDir} = buildConfig;
|
|
|
|
/** Path to the directory where all bundles live. */
|
|
const bundlesDir = join(outputDir, 'bundles');
|
|
|
|
const appDir = join(packagesDir, 'demo-app');
|
|
const outDir = join(outputDir, 'packages', 'demo-app');
|
|
|
|
/** Path to the output of the Material package. */
|
|
const materialOutPath = join(outputDir, 'packages', 'material');
|
|
|
|
/** Array of vendors that are required to serve the demo-app. */
|
|
const appVendors = [
|
|
'@angular', 'systemjs', 'zone.js', 'rxjs', 'hammerjs', 'core-js', 'web-animations-js'
|
|
];
|
|
|
|
/** Glob that matches all required vendors for the demo-app. */
|
|
const vendorGlob = `+(${appVendors.join('|')})/**/*.+(html|css|js|map)`;
|
|
|
|
task(':watch:devapp', () => {
|
|
watch(join(appDir, '**/*.ts'), [':build:devapp:ts', triggerLivereload]);
|
|
watch(join(appDir, '**/*.scss'), [':build:devapp:scss', triggerLivereload]);
|
|
watch(join(appDir, '**/*.html'), [':build:devapp:assets', triggerLivereload]);
|
|
|
|
// The themes for the demo-app are built by the demo-app using the SCSS mixins from Material.
|
|
// Therefore when the CSS files have been changed the SCSS mixins have been refreshed and
|
|
// copied over. Rebuilt the theme CSS using the updated SCSS mixins.
|
|
watch(join(materialOutPath, '**/*.css'), [':build:devapp:scss', triggerLivereload]);
|
|
});
|
|
|
|
/** Path to the demo-app tsconfig file. */
|
|
const tsconfigPath = join(appDir, 'tsconfig-build.json');
|
|
|
|
task(':build:devapp:ts', tsBuildTask(tsconfigPath));
|
|
task(':build:devapp:scss', buildScssTask(outDir, appDir));
|
|
task(':build:devapp:assets', copyTask(appDir, outDir));
|
|
task('build:devapp', buildAppTask('devapp'));
|
|
|
|
task(':serve:devapp', serverTask(outDir, true));
|
|
|
|
task('serve:devapp', ['build:devapp'], sequenceTask(
|
|
[':serve:devapp', 'material:watch', ':watch:devapp']
|
|
));
|
|
|
|
/** Task that copies all vendors into the demo-app package. Allows hosting the app on firebase. */
|
|
task('stage-deploy:devapp', ['build:devapp'], () => {
|
|
copyFiles(join(projectDir, 'node_modules'), vendorGlob, join(outDir, 'node_modules'));
|
|
copyFiles(bundlesDir, '*.+(js|map)', join(outDir, 'dist/bundles'));
|
|
copyFiles(materialOutPath, '**/prebuilt/*.+(css|map)', join(outDir, 'dist/packages/material'));
|
|
});
|
|
|
|
/**
|
|
* Task that deploys the demo-app to Firebase. Firebase project will be the one that is
|
|
* set for project directory using the Firebase CLI.
|
|
*/
|
|
task('deploy:devapp', ['stage-deploy:devapp'], () => {
|
|
return firebaseTools.deploy({cwd: projectDir, only: 'hosting'})
|
|
// Firebase tools opens a persistent websocket connection and the process will never exit.
|
|
.then(() => { console.log('Successfully deployed the demo-app to firebase'); process.exit(0); })
|
|
.catch((err: any) => { console.log(err); process.exit(1); });
|
|
});
|