Extend angular-cli build process

Question

I'd like to know how I can extend angular-cli build process.

I want to add additional JSON file to /dist folder after cli finishes its work. I can't see a way to add any callback in angular-cli-build.js.

I tried:

var Angular2App = require( 'angular-cli/lib/broccoli/angular2-app' );
var ngCliVersion = require( './ng-cli-version' );

module.exports = function ( defaults ) {
  /* CREATE JSON FILE CONTAINS INFO ABOUT BUILD VERSION AND GIT COMMIT */
  ngCliVersion.createVersionFile();

  return new Angular2App( defaults, {
    vendorNpmFiles: [
      'systemjs/dist/system-polyfills.js',
      'systemjs/dist/system.src.js',
      'zone.js/dist/*.js',
      'core-js/client/shim.js',
      'reflect-metadata/*.js',
      'rxjs/**/*.js',
      '@angular/**/*.js'
    ]
  } );
};

The problem is that cli wipes dist folder before it starts so file I created is removed.

How then extend build process properly without hacking cli?

Just add your file to public/ folder, it will be copied to dist/ as is... — Sasxa
– Sasxa, Commented Jun 16, 2016 at 10:54
@Sasxa that is the correct approach to use here, can you please put that in the form of an answer so it can be accepted and found/used by others? — Brocco
– Brocco, Commented Jun 16, 2016 at 14:37

Sasxa · Accepted Answer · 2016-06-16 16:49:59Z

3

If you want to copy a file in build process, you just need to add it to the public/ folder and it will be copied to dist/ folder.

I couldn't find any documentation to quote here, other then this function in source files, but here's something from Ember CLI docs.

edited Jun 16, 2016 at 16:49

answered Jun 16, 2016 at 16:41

Sasxa

41.4k17 gold badges90 silver badges102 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Extend angular-cli build process

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related