Starter Repo for a Webpack course on Udemy, use webpack and webpack-dev-server to build Single Page Application, and implement load on demand.
Deploy to Surge, github pages, AWS, Heroku
- webpack
- webpack-dev-server
- react
- npm
- babel
- css-loader
- style-loader
- webpack.optimize.CommonsChunkPlugin
- rimraf
- chunkhash for different hash file name when build
> git clone git@github.com:smalltide/WebpackProject.git
> cd WebpackProject
> npm install
> npm install --save-dev html-webpack-plugin
> npm install --save-dev rimraf
> npm install --save-dev webpack-dev-server@2.2.0-rc.0
> npm run bulid
> npm run serve
> npm install --save express
> npm install --save-dev webpack-dev-middleware
> node server.js (for dev)
> NODE_ENV=production node server.js (for production)
- deploy to Surge
> npm install -g surge
> npm run build
> surge -p dist
> https://rare-respect.surge.sh
- deploy to github pages(gh-pages)
> git checkout -b gh-pages
> git subtree push --prefix dist origin gh-pages
> https://smalltide.github.io/WebpackProject
- deploy to AWS S3
> npm install -g s3-website
> s3-website create webpack-deploy
> s3-website deploy dist
- deploy to Heroku
> echo "web: node server.js" > Profile
> heroku login
> heroku create webpack-deploy
> git push heroku master
> https://webpack-deploy.herokuapp.com
- deploy to AWS Elastic Beanstalk
> brew install awsebcli
> eb init
> eb create
> eb setenv NODE_ENV=production
> eb deploy
> eb open