A build workflow for modular angular.js application
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
app
bower_components
node_modules
.gitignore
Gruntfile.coffee
README.md
bower.json
index.html
package.json

README.md

2359's Angular Boilerplate

Setup

1. Download Boilerplate

git clone https://github.com/colintoh/modular-angular

2. Install

npm install

3. Run grunt and point your browser to http://localhost:8000/

Files Organization

app folder stores your angular modules. Each module folder should contain the template file, *.tpl.html and the module file, *.js.

bower_components stores your vendor files.

node_modules stores primarily grunt libraries.

public folder stores the compiled files.

Files

index.html

In the header, you will find a script for livereload:

<script src="//localhost:35729/livereload.js"></script>

Grunt will compile the vendor's css:

<link rel="stylesheet" href="stylesheets/vendor.css">

Grunt will compile the vendor's js:

<script src="javascripts/vendor.js"></script>

Compile all the module's js and templates together in compiled-app.js

<script src="javascripts/compiled-app.js"></script>

Todo

  • CSS compilation