Set up webpack

[heron2014]

• transpile jsx
• config file

We decided to not use ES6 for now

[minaorangina]

• Installed webpack and style/css loaders

npm install -g webpack
npm install css-loader [--save-dev]
npm install style-loader [--save-dev]

• Setup webpack.config.js
• Add script tag in html for bundle.js
• Run webpack and create your bundle.js file with $ webpack

Setting up Hapi

• Created custom plugin called "Assets" for serving all our frontend assets https://github.com/globetown/crushlines/blob/master/lib/assets.js
• Created custom plugin called "Home" for serving the index page https://github.com/globetown/crushlines/blob/master/lib/home.js

Setting up Webpack with React

• installed React and ReactDOM
• installed babel-loader for webpack
• installed babel-preset-react to configure Babel (comes with nothing by default)
• Added babel to webpack.config.js, plus preset to set babel up for React https://github.com/globetown/crushlines/blob/master/webpack.config.js#L13-L20

Setting up React

• app.js: ReactDOM to render onto page https://github.com/globetown/crushlines/blob/master/views/app.js

[heron2014]

We added scripts to package.json to run webpack and server at the same time without rerunning the script.