Gulp build tasks

Aliases

The easiest way to understand the aliases is to peek at the source.

• 🌟 gulp – compiles code and starts docs watching for development
• gulp build – compiles all projects for publishing
• gulp check – lints all source files
• gulp compile – compiles all source code except docs webpack
• gulp docs – generates docs data files (does not compile it)
• gulp test – runs all test suites

Task groups

The following gulp tasks are defined as "task groups" comprised of a parent task that runs a set of child tasks for each package. Child tasks are typically determined by the presence of a config "block" in the package setup in Gulpfile.js. See #617 for more information.

Each of the following tasks also provides a <name>-<package> subtask for each package. For instance, sass includes sass-core, sass-datetime, etc.

• copy – copies files, such as resources and HTML files, from source directories to distribution directories.
• sass – compiles .scss files to .css.
• tsc – compiles .tsx? files to .js.
• bundle – webpacks .js files into one giant .bundle.js
• tslint – lints .tsx? and .js files using TSLint
• stylelint – lints .scss files using Stylelint
• isotest – tests isomorphic (server-side) rendering of React components
• karma – runs unit tests and code coverage in Karma & PhantomJS
• test-dist – tests presence of declared "main" distribution files

Simple Tasks

• clean – deletes generated and distribution directories.
• icons – generates .ts and .scss files for icon variables
• karma-unit-<package> – watches and re-runs unit tests in Karma & Chrome
• sass-variables – concats & cleans public sass variables files into variables.{less,scss}
• watch – starts watchers for all source files, for development
• webpack-docs – compiles docs package with webpack & ts-loader
• webpack-docs-watch – watches docs package with webpack & ts-loader (for development)