/boot-reactweb

ReactJS integration with Mongo

Primary LanguageJavaScript

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