ng4-starter-app

ng4-starter-app

forked from pixelbits-mk/ng2-starter-app

An easy way to get started with an Angular4 application.

Demonstrates

• Simple Hello World! Application that can be easily customized
• AOT compilation for building applications in a production environment
• JIT compilation with SystemJS for rapid development
• Bundling, Compression, and Minification
• Export to multiple module formats: UMD, AMD, and CJS.

Installation

Install the starter application from npm:

npm install ng4-starter-app

Usage

You can build the application in three modes:

• Development
• Production
• Feature Module

Build Targets

Development

gulp dev

Compiles the application to CommonJS module format and deploys the generated Js files to the src folder.

Production

gulp app

Compiles the application, inlines the HTML templates, and creates three static bundles in the dist folder:

• app.bundle.js (contains the application-specific code)
• vendor.bundle.js (contains the vendor-specific libraries - i.e. zone.js, core-js)
• styles.bundle.js (contains the CSS stylesheets)

Feature Module

gulp module

Compiles the application and deploys the generated Js files to the dist\src folder.
Three bundles under the dist folder target various module formats:

• package.bundle.umd.js / package.bundle.umd.min.js
• package.bundle.cjs.js / package.bundle.cjs.min.js
• package.bundle.amd.js / package.bundle.amd.min.js

The bundles exclude external vendor libraries (i.e. @angular or rxjs)

Script Targets

Build

• npm run app - Builds the application for production and launches a browser window.
• npm run dev - Builds the application for development and launches a browser window.
• npm run build-app - Builds the application for production.
• npm run build-dev - Builds the application for development.
• npm run serve-app - Launches a browser window and serves the application for production.
• npm run serve-dev - Launches a browser window and serves the application for development.