Build Your Own webpack+react Environment

If you use vscode, I recommend you to install the vscode extension(prettier, eslint).

you can use the important features of webpack.

• code split for prevent duplication and dynamic import
• Use cache static resource
• Increase development productivity
  • hot module replacement + react hot loader
• scss compile to minified css
• ES6+ and react can be transpiled and used by using babel.
• make code automatically beautiful by using ESLint and Prettier.

$ npx create-react-packzz
$ cd ${projectName}
$ npm start

If something doesn't work, please make issue

회사에서 fe 환경 구축해주는 CLI 만들면서 공부하기 위해 개인용 웹팩 환경 구축해주는 CLI도 같이 만들었습니다.

그 때 작성한 글들 모아놓은 포스트입니다.