Clashsoft / Angular-Gradle

Integrate Angular frontends into your Gradle build.

Angular Gradle Plugin

This plugin allows you to integrate Angular frontends into your Gradle build.

Full Example

See the Angular Gradle Demo project for detailed instructions on how to set up Angular with Gradle.

Installation

Add to the top of build.gradle:

plugins {
    // ...
    id 'de.clashsoft.angular-gradle' version '0.2.0'
}

Configuration

Project Properties:

no-angular = false # indicates Angular should not be included in the build. Useful for testing frontend and backend separately, e.g. with `ng serve`.
angular-configuration = production # the value for `ng build --configuration <configuration>`.

In build.gradle (default values shown after =):

angular {
    appDir = 'src/main/app' // root directory of your Angular app
    outputDir = "$appDir/dist/$project.name" // output directory of Angular build. Default assumes Angular project has the same name as the gradle project.
    packageManager = /* result of `ng config cli.packageManager`, plus .cmd on Windows) */'' // for installing packages prior to Angular build
    packageManagerArgs = [ 'install' ] // arguments for installing packages, passed to package manager
    buildArgs = [ 'build', '--configuration=' + (project.findProperty('angular-configuration') ?: 'production') ] // arguments for building Angular app
}

The output of the angular build task (content of the outputDir path) is set as main resources target which copies the compiled angular application bundles into static resources build directory