Features

Angular Builder enhances your development workflow.

With it, you can:

Simplify your development

• Write your code the way it is meant to be written, using only AngularJS native constructs, as if no module loading is required or necessary.

• Split source code into as many files as you want, spread over any directory structure you prefer.

• You'll no longer need to use AMD, CommonJS or ES6 module loaders (but you still can, if you want to).

Optimize your applications

A multi-step build process, that brings you:

Code analysis

• Angular Builder analyzes your AngularJS source code and "understands" module dependencies and the relationships between your files.

Optimization

• It merges and optimizes module declarations split into multiple files.

Tree-shaking

• It includes in the build only the modules that your app actually needs (and their corresponding stylesheets and assets) and discards dead code.

Packaging

• It assembles one javascript file (or just a few) for production with all code assembled in the correct loading order required by your module's dependencies.

Test and debug fast and easily

• Angular Builder builds very fast in debug mode by generating a single script that loads the original source files in the correct order. There are no minified or concatenated files in debug builds.

• It allows you to debug the source code in the browser itself and see readable source code for any debug breakpoint or error location, with the correct original line numbers.

Build large applications

• Angular Builder can split a large, monolithic application into several libraries that can be combined at runtime and loaded in different configurations by a dinamically generated main module, based on user profile, permissions or any other criteria.

• Libraries can exclude common code, which can be aggregated into the main application or into a separately loaded library.

Integrate

• Angular Builder can include in the build scripts that are not based on AngularJS.
  It can even perform dependency resolution on those files so that your application's modules can require specific javascript libraries, and those libraries, in turn, can require other libraries.
  You never have to use third-party module loaders, unless you really want to.

• It allows application code to reference modules and libraries that are not part of the build and are loaded independently.

Distribute

• Angular Builder not only builds complete applications but also builds library projects, generating readable redistributable source code files for them.
  Build your reusable library into a single, readable and debuggable file, with all comments preserved, from which you can also generate a minimized, optimized file for distribution.

Extend

• Angular Builder integrates easily with other Grunt plugins to expand your build process with minification, optimization, preprocessing and/or compilation steps.

• It has its own internal plugins (called 'middleware').
  All the bundled functionality is provided by 10 internal middleware modules.

• You can also easily write your own extensions to augment Angular Builder's capabilities (or even replace them).