LLIP Life: How we use Webpack/Babel

Daniel Soper
Aug 8, 2017 · 1 min read

At Llip, we use webpack to bundle our app.js file — so this file is where we import all of our required .js and .css files. We export to bundle.js which is included in a script tag in our index.html page.

All of our files ending in .js (excluding files in our node_modules folder) are converted from ES6 to ES5 browser-compatible javascript and from React JSX code to vanilla javascript through the babel-loader library. We also specify a style loader to load all of our separate CSS files when webpack is run.

There you have it, folks. Sometimes the generic build is all you need to get the job done. See you next time for another exciting installment of LLIP Life!

Daniel Soper

Written by

Javascript developer, love React, currently interested in Docker because it’s COOL. Enjoy building and creating things. Love when bugs get squashed ;P

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade