Getting started with Webpack

Refer to webpack documentation

Step 1:

npm run webpack

open index.html in browser.

Step 2:

1. Create file content.js
2. Update entry.js

run npm webpack

Step 3: Introducing Style

1. Create style.css
2. Update entry.css

run npm install css-loader style-loader --save-dev

run npm run webpack

Step 4: Introduce webpack.config.js

1. Add webpack.config.js
2. remove style pre processor from entry.js
3. Update package.json

run npm run webpack

Step 5: Configure webpack-dev-server

run npm install webpack-dev-server --save-dev

Update package.json

Integrating React

1. Update package.json with necessary react dependencies
2. Update content.js
3. Update webpack config
4. create .bablerc

#Cleaning up