A starter kit to bootstrap your react development using Webpack, a module bundler which takes modules with dependencies and emits static assets representing those modules.
- app/
- index.js
- public/
- bundle.js // will be compiled by webpack
- index.html
- package.json
- webpack.config.js
Make sure you have webpack installed globably:
$ npm i -g webpack
Install npm dependencies:
$ npm i
Build your bundle:
$ webpack
You are now ready to go! Serve your index.html app via a server and you will see your Hello World react component rendered!
The webpack-dev-server is a little node.js Express server, which uses the webpack-dev-middleware to serve a webpack bundle. It also has a little runtime which is connected to the server via Socket.IO
Just run the server from the project root
$ webpack-dev-server
- Read the relative blog post for more information
- Looking for using JSPM instead? Check the JSPM - React starter Kit