• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

I Like Kill Nerds

The blog of Australian Front End / Aurelia Javascript Developer & brewing aficionado Dwayne Charrington // Aurelia.io Core Team member.

  • Home
  • Aurelia 2
  • Aurelia 1
  • About
  • Aurelia 2 Consulting/Freelance Work

Gulp + AngularJS + Browserify: Spooky Starter Skeleton

Front End Development · January 16, 2015

Something I have been meaning to do for a while is create a skeleton project setup to work with Gulp for the task runner along with some basic tasks, AngularJS for the front-end framework and Browserify so we can include files the CommonJS way (like we can in Node.js).

The repository can be found here. It isn’t perfect, there are definitely flaws, but in the coming weeks, I will be documenting and making this skeleton project the perfect starter for newbies and seasoned Angular veterans alike.

Currently some things are assumed like; your application being built in a directory called “src” and then built into a directory called “app”, using Stylus for the CSS preprocessor of choice, putting assets into a directory called “static” and a few other things you can change pretty easily. You might also want to change the jshint defaults as well to work with how you prefer using it.

My favourite approach to writing Angular applications is to break functionality down into a modules directory with a submodule for each piece of functionality. Previously I was globbing the modules directory, looking for a module.js manifest file in each module and then combining, however it is a lot of work and kind of messy. This is why I decided to go with Browserify, it is modular by default and if you’re comfortable with Node.js and how it includes modules/plugins, then you will be fine.

I also have plans to add in support for ReactJS and other exciting nuggets for front-end development. For the moment the basics are in there and I hope you find it helpful.

Dwayne

Leave a Reply Cancel reply

0 Comments
Inline Feedbacks
View all comments

Primary Sidebar

Popular

  • Testing Event Listeners In Jest (Without Using A Library)
  • How To Get The Hash of A File In Node.js
  • Thoughts on the Flipper Zero
  • Waiting for an Element to Exist With JavaScript
  • How To Paginate An Array In Javascript
  • Handling Errors with the Fetch API
  • ChatGPT Stopping Part Way Through a Response? Here Is How You Fix It
  • How To Get Last 4 Digits of A Credit Card Number in Javascript
  • How to Use Neural DSP Archetype Plugins With the Quad Cortex
  • How To Mock uuid In Jest

Recent Comments

  • CJ on Microsoft Modern Wireless Headset Review
  • Dwayne on Microsoft Modern Wireless Headset Review
  • CJ on Microsoft Modern Wireless Headset Review
  • john on Microsoft Modern Wireless Headset Review
  • Dwayne on Why You Should Be Using globalThis Instead of Window In Your Javascript Code

Copyright © 2023 · Dwayne Charrington · Log in

wpDiscuz