์ด ์ ์ฅ์๋ ๋ฐ๋๋ผ ์๋ฐ์คํฌ๋ฆฝํธ์ Express๋ฅผ ๊ธฐ๋ฐ์ผ๋ก Webpack์ ์ฌ์ฉํ ๋ ๊ธฐ๋ณธ ์ค์ ์ ์๋ตํด์ฃผ๋ boilerplate์ ๋๋ค!
์ค์นํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ Express + webpack + babel + SASS์ ๋๋ค. ์ด์ธ์๋ ๋ฐ๋ก ๊ฐ๋ฐ์ ํ ์ ์๋๋ก ๋ณ๋์ ํ๋ฌ๊ทธ์ธ๋ค์ ์ค์นํ์ต๋๋ค.
- "@babel/cli": "^7.15.4", => ES6+ ํธํ์ ์ํ babel
- "@babel/core": "^7.15.5",
- "@babel/preset-env": "^7.15.4",
- "babel-loader": "^8.2.2", => loader
- "css-loader": "^6.2.0",
- "sass-loader": "^12.1.0",
- "style-loader": "^3.2.1",
- "html-webpack-plugin": "^5.3.2", => htmlํ์ผ ์์ฑ ๋จ์ํ ํ๋ฌ๊ทธ์ธ
- "mini-css-extract-plugin": "^2.2.2", => css ํ์ผ ๋ถ๋ฆฌ๋ฅผ ์ํ ํ๋ฌ๊ทธ์ธ
- "node-sass": "^6.0.1",
- "nodemon": "^2.0.12",
- "webpack": "^5.52.0", => webpack ์ค์น
- "webpack-cli": "^4.8.0",
- "webpack-dev-middleware": "^5.0.0"
- "@babel/polyfill": "^7.12.1", => ES6+ ์ถ๊ฐ ํธํ์ ์ํ babel/polyfill
- "express": "^4.17.1", => Express ๊ธฐ๋ณธ ์ค์
- "morgan": "^1.10.0",
- "path": "^0.12.7"