https://github.com/ops-gaurav/es6-basecamp-ng2-weback

The Angular 2 Basecamp with webpack config
https://github.com/ops-gaurav/es6-basecamp-ng2-weback

Last synced: 23 days ago
JSON representation

The Angular 2 Basecamp with webpack config

• Host: GitHub
• URL: https://github.com/ops-gaurav/es6-basecamp-ng2-weback
• Owner: ops-gaurav
• Created: 2017-06-03T23:05:38.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-06-03T23:21:56.000Z (over 7 years ago)
• Last Synced: 2024-10-24T09:17:26.195Z (2 months ago)
• Language: CSS
• Size: 4.88 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# es6-basecamp angular2

> ## NOTE


> Using angular-cli for production use is not recommended as it does not provides a configurable webpack file. Angular quickstart is configurable but it uses System.js for configuration which outstands the power and customization power of webpack. If you are not interested in production deployment then you can use angular CLI.

## WITH WEBPACK.

The webpack repository for angular 2 built from scratch instead of using angular CLI. This repository contains the angular configuration with webpack which was not available in angular terminal nor in the angular quickstart. The repository is kept simple so as to quickly get started with angular 2 with relevant comments in webpack config file to customize your build.

## Initialization

1. Clone using 


`git clone https://github.com/sharma02gaurav/es6-basecamp-ng2-weback webpack-angular-basecamp`

2. change directory 
`cd webpack-angular-basecamp`.

## Valid commands

> ### `npm run configure`

> to configure the project and run in live watch mode. (run this while developing). Runs the webpack-dev-server in watch mode.

> ### `npm run deploy`

> run this command while deploying. This mode does not run webpack-dev-server in watch mode.

> ### `npm run build`

> run this command to explicitly build the project. This will create the ES5 format code in the dist folder of the project.

(Recommended for testing webpack config only).

> ### `npm run start:livedev`

> Run the server in development mode. This runs the webpack-dev-server in watch mode. It varies from `npm run configure` that it does not install dependencies. (Recommended to run of not running project for the first time).

> ### `npm start`

> Run the server in normal mode. This does not runs the webpack-dev-server in watch mode. This differs from `npm run deploy` as it does not install dependencies first. (Recommended for later deployments).

Tired of git clones? You can install [scaffold from here](https://www.npmjs.com/package/es6-scaffolder) that automates the process of creating popular ES6 scaffolds including this one.