/angular-es6-starter

Basic project for Angular 1.x projects using ES6 and Webpack

Primary LanguageJavaScriptMIT LicenseMIT

Angular-ES6-project

Angular 1.x Example project

Getting Started

To get you started you can simply clone the angular-es6-starter repository and install all its dependencies:

Prerequisites

You need git to clone the angular-es6-starter repository. You can get git from http://git-scm.com/.

We also use a number of node.js tools to initialize and test angular-es6-starter . You must have node.js and its package manager (npm) installed. You can get them from http://nodejs.org/.

Clone angular-seed

Clone the angular-es6-starter repository using git:

git clone https://github.com/adrianhdezm/angular-es6-starter.git
cd angular-es6-starter

If you just want to start a new project without the angular-es6-starter commit history then you can do:

git clone --depth=1 https://github.com/adrianhdezm/angular-es6-starter.git <your-project-name>

The depth=1 tells git to only pull down one commit worth of historical data.

Install Dependencies

We get the tools we depend upon via npm, the node package manager.

npm install

Create a Bundle for the Application

This project use webpack for creating a bundle of the application and its dependencies

We have pre-configured npm to automatically run webpack so we can simply do:

npm run build

Behind the scenes this will call webpack --config webpack.config.js . After, you should find that you have one new folder in your project.

  • dist - contains all the files of your application and their dependencies.

Run the Application

We have preconfigured the project with a simple development web server. The simplest way to start this server is:

npm start

Now browse to the app at http://localhost:8000/index.html.