orafaelfragoso/angular-es6-boilerplate

A simple boilerplate for Angular 1.X Components and Directives with ES6 + Karma + Webpack 2

Angular ES6 Component Boilerplate

A simple boilerplate for Angular 1.X Directives and Components with ES6 + Karma + Webpack2

Table of Contents

1. Why?
2. Getting Started
   1. Prerequisites
   2. Installing
   3. Using
   4. New to Using ES6 with AngularJS 1.X?
3. Built With
4. Contributing
5. Versioning
6. Authors
7. To do
8. License

Why?

Angular 1.X is still a thing and it's used in a lot of projects across the planet. The goal of this project is to make developers one step closer to the Angular2 synthax, using the ES6 goodies, when it comes to generating new components and directives for open source.

Check out Angular Image Preloader

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See usage for notes on how to use the project on a live project.

Prerequisites

• ^NodeJS 4.X
• ^AngularJS 1.2.X (^1.5.X if you want to use Component())

Installing

Step 1: Cloning the repo

$ git clone https://github.com/rafaelfragosom/angular-es6-boilerplate your-project-name
$ cd your-project-name/

Step 2: Install the dependencies

$ npm install

Or using Yarn

$ yarn install

Step 3: Edit these files to build your project correctly

package.json
src/
  /index.js
  /demo.js
  /demo.spec.js

Using

Running your project:

npm start

New to Using ES6 With AngularJS 1.X?

Check this out

Built With

• Angular 1.X - The web framework this was built for
• Webpack 2 - Package Bundler
• Babel - ES6 to ES5
• ESLint - JavaScript Code Linter

Contributing

Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.

Versioning

We use SemVer for versioning. For the versions available, see the tags on this repository.

Authors

• Rafael Fragoso - Initial work - rafaelfragosom

See also the list of contributors who participated in this project.

TODO

• Yeoman Generator
• Demo Page

License

This project is licensed under the MIT License - see the LICENSE file for details

angular-es6-boilerplate's Issues

Yeoman Generator

Create an Yeoman generator

Demo folder is missing

We need a demo folder where we can test the components and directives.