423cc / webpack-react-spa

React single page app based on webpack.

webpack-react-spa

Webpack for spa project.

get-started:

git clone https://github.com/afeiship/webpack-react-spa.git
npm install
npm run dev

simple interface:

• nx.$app
• nx.$memory
• nx.$local
• nx.$session

deploy:

## start
cd webpack-react-spa
git pull
./deploy/production/start.sh

## check status:
docker ps

## kill
docker kill a359c42986c6

feature:

• spa
• react 16+
• webpack 4.x
• next-redux-base
• image compress
• fonts/images to folder
• react-router v4
• HtmlWebpack -> webpack favico.ico
• ant-design optmize
• react hmr
• add serviceworker for app cache
• use eslint + prettier
• use router config
• add dynamic import + react-imported-component

todos:

• deploy dev/test/prd with docker
• react hmr remove /User/xx/index.js info (NODE_ENV=development/production)
• http when error
• token/without token interface
• remove build warings

some package shell:[MAC USER: use gnu-tar but not bsd-tar]

tar zcf my-project-name.tgz dist/ --transform s/dist/my-project-name/

resources:

• https://s.61qt.cn/admin_login
• http://www.css88.com/archives/7661
• https://github.com/gajus/react-css-modules
• ant-design/ant-design#5320
• https://www.npmjs.com/package/serviceworker-webpack-plugin
• https://egoist.moe/2017/12/11/write-better-code-with-eslint-and-prettier/
• https://juejin.im/post/58ff0de18d6d810058a69a26