Sample working ES6 project configuration with webpack

Jakub Włodarczyk
1 min readFeb 3, 2018

--

Setup in progress….

Thousands of packages, thousands of different configurations and lots of other stuff that makes life of a developer a little bit harder and — of course — challenging! But sometimes you just want to start and develop something locally with a dev server without installing tons of unnecessary shit.

Different companies use different tools for building and setup their projects: webpack, grunt, gulp or browserify. Most often if you come to a company — all is already done and you just run the mythical npm i && npm start and everything should (yeah, right) work fine.

I have a general idea of tools like webpack and so far I like it the most. Based on my experiences from different companies, tutorials, thoughts and experiences from other devs I worked with, I have a very basic sample configuration that allows development right away. You can find it on my GitHub: https://github.com/Jakub-Wlodarczyk/webpack-es6-setup

npm i && npm start is enough :) if everything is fine (yeah, right) you will be welcomed with a beautiful white screen and some optimistic text in the console (no errors included!). There’s also a linter configuration that I’m used to the most.

--

--