Skip to content

An opinionated boilerplate that uses babel to allow for es6 features and uses browserify for file bundleing

Notifications You must be signed in to change notification settings

thoughtram/es6-babel-browserify-boilerplate

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ES6 Babel Browserify Boilerplate

This is an boilerplate repo to make it easy to experiment with ES6. It's inspired by es6-browserify-boilerplate but uses babel (formerly 6to5) for transpilation which does not depend on any runtime.

Initial setup

# Clone the repo...
git clone https://github.com/thoughtram/es6-6to5-browserify-boilerplate.git
cd es6-6to5-browserify-boilerplate

# Then, you need to install all the dependencies...
npm install

# If you wanna be able to use global commands `karma` and `gulp`...
npm install -g gulp

Running in the browser

gulp build
gulp serve

# If you wanna Gulp to re-build on every change...
gulp watch

WTF is ES6?

Simply, the next version of JavaScript that contains some really cool features. You might check out some of these:

What are all the pieces involved?

Transpiles ES6 code into regular ES5 (today's JavaScript) so that it can be run in a today browser. Like traceur but doesn't need a runtime to work. Formerly known as 6to5.

Babel is configured to transpile ES6 modules into CommonJS syntax and we use browserify to bundle the code into one file to deliver it to the browser.

Browserify walks through all files and traces down all require()s to bundle all files together.

Task runner to make defining and running the tasks simpler.

About

An opinionated boilerplate that uses babel to allow for es6 features and uses browserify for file bundleing

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published