Building Enterprise JavaScript Applications

Webpack

We are going to use yarn to manage our dependencies, just like we did for the client-side code. So let's initiate a new configuration file and add the webpack package as a development dependency:

$ yarn init$ vim .gitignore # Can use the same .gitignore as for our server app$ yarn add webpack webpack-cli --dev

Just like Babel, Webpack will take in source files, transforms them and output it somewhere. Therefore, let's also create two directories to separate them.

$ mkdir src dist$ mv index.html src/