angular-rollup-starter

Angular2 Rollup Seed

Angular2 starter seed based on Rollup. Production builds including AoT steps. Starter also comes with Universal support built-in.

Start

First, clone this repository.

git clone https://github.com/jkuri/angular-rollup-starter.git --depth 1

Move into cloned directory and run

npm install

Usage

Serve

npm start

Note Initial load takes some time so vendor files are generated. Then it runs like a charm with cached builds which happens to be really fast.

This serves your app with live-reload enabled.

Production Build

Production builds automatically includes AoT (Ahead of Time) compilation steps.

npm run roll

Universal (Isomorphic) Production Build

npm run roll:prerender

Routes stored in config.json as universalRoutes will be prerendered into dist/ directory. For example

{
  "externalPackages": { },
  "styles": ["css/app.css"],
  "universalRoutes": ["/", "/docs", "/docs/child"]
}

will generate prerendered content in dist/index.html dist/docs.html and dist/docs/child.html.

To properly serve prerendered content use below nginx configuration.

server {
  listen 80;
  server_name subdomain.example.com example.com;
 
  root /path/to/dist;
 
  location / {
    try_files $uri.html $uri $uri/ /index.html;
  }
}

Licence

MIT