Barebones ES6 project using Gulp

If you haven’t crawled out from underneath your rock yet then let me take hold of you so I can share a secret. ECMAScript 6 is on it’s way and it’s coming fast!

I previously discussed preparing for ES6, but let’s take things one step further and examine an actual project using the tools I discussed in that article. It’s time to get our ES6 on and discover the steps required in order to setup a barebones ES6 project with the help of our faithful tooling companion Gulp.

BTW: I won’t be explaining how to install gulp, npm or node, but feel free to ask if you have questions.


Since features such as template literals in ES6 are not supported yet by any browser nor in Node.js that means you’ll need a transpiler like gulp-babel to churn ES6 code into vanilla ES5.

npm install --save-dev gulp-babel

Following the gulp-babel installation you’ll need to write a task from within your primary Gulp file (gulpfile.js). Read the full article on Web Design Weekly

Dennis Gaebel

Design Technologist passionate for Open Source, SVG, Typography, Web Animation, Interaction Development & Pattern Based Design.

Leave a Reply

Your email address will not be published. Required fields are marked *

show formatting examples
<pre class="language-[markup | sass | css | php | javascript | ruby | clike | bash]"><code>
…code example goes here…

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Comment Preview

  1. John Doe shouted this comment preview: