generator-angulpify

Angulpify generator

Yeoman generator that scaffolds out a front-end web app using angularjs, gulp and browserify

Notice

This project is still in early stage of development, so use with caution. API breaking changes at this stage are quite likely.

Features

• Require() everywhere to build a modular application
• Built-in preview server with livereload
• Automagically compile CoffeeScript (you can use plain JavaScript if you prefer!)
• Automagically lint your scripts
• Automagically compile Sass/Less (you can still use CSS too!)
• CSS Autoprefixing
• Automagically compile your Jade (or HTML if you want!) templates into $templateCache
• Awesome image optimization
• Wire-up Bower dependencies easily with browserify-shim
• Bundle your application for two environments (build/release)

For more information on what this generator can do for you, take a look at the gulp plugins.

Tooling

This generator relies on several technologies, make sure your system has:

• Node.js
• Yeoman
• Bower
• Gulp
• LiveReload
• [Ruby + Sass] | Optional

Getting Started

• Install: npm install -g generator-angulpify
• Run: yo angulpify
• Run:
  • gulp for building to the build directory
  • gulp --release for building to the release directory
• Go to http://localhost:8080
• Enjoy!

Third-Party Dependencies

(HTML/CSS/JS/Images/etc)

To install dependencies, run bower install --save package-name to get the files, then add an entry into the browser key of your package.json.

Docs

More to come.

Options

• --skip-install Skips the automatic execution of bower and npm after scaffolding has finished.

Contribute

PRs are welcome!

Special Thanks

This generator is inspired by the Web app generator and by Ben Clinkinbeard's presentation. Thanks to all the contributors!

License

MIT