TL;DR: Brunch skeleton with Bower & Babel is available here
If you are setting up tools for frontends after a few months or a year, you’ll feel pretty outdated. Finding tools that complement or compete with each other is where the confusion starts. This is my attempt at brushing my frontend skills with newer tools.
brunch-config.jsfile in your project’s root to configure Brunch
d3, etc in
bower install, the dependencies are downloaded for into
Brunch is a build tool. Brunch projects are generated with a “skeleton”. There are a LOT of skeletons available. I couldn’t find one that suits my requirements. I’ve made my own skeleton with Bower & Babel setup.
Ensure you have
npm install -g bower brunch
Create a project called my-project
brunch new https://github.com/HashNuke/brunch-bower-babel-starter my-project
cd into your project directory and install dependencies
brunch build to build the app once. The files will be available in the
public dir. Run
brunch watch --server, to tell Brunch to watch for files and compile them when it changes. This way you can also visit http://localhost:3333 and view the app.
app/assets/index.html is run
require function returns the module defined in
application.js. This file is available in
app/application.js. It has a function called
init which logs to the console.
From here on organizing your app is totally upto you.
That is sufficient random details for a part-1.
brunch watch --servercommand.