with-angular

Ken McGrady's Angular 1.x (using ES6) skeleton for Brunch

Dependencies

Install the Brunch package globally with NPM.

npm install -g brunch

Usage

Create a new Angular 1.5 application (with ES6) based on this Brunch skeleton and install its dependencies.

brunch new path/to/app --skeleton kmcgrady/with-angular

The application's code lives in the app directory.

la app

Static files are placed in the app/assets directory and are copied to the public directory on build.

ls -la app/assets

JS scripts in the app directory and are combined into the public/app.js file on build.

NOTE: Each JS file lives in a module so it can be shared with other modules using ES6 module syntax.

CSS stylesheets are placed in the app/styles directory and are combined into the public/app.css file on build.

ls -la app/styles

On each build, the application's files are saved to the public directory and served by the HTTP server.

ls -la public

Watch the project for changes and launch an HTTP server.

NOTE: Press Ctrl + C to quit.

npm start

In a new Terminal tab, navigate back the the project directory.

cd path/to/app

Take a look at the public directory to see what Brunch created.

la public

Open the application in your default browser.

open http://localhost:8000/

Resources

• Brunch