/wepack-express-vanillaJs-boilerplate

This repository is a boilerplate that allows easy and fast development with webpack in Express and Vanilla Js environments.

Primary LanguageJavaScript

webpack boilerplate ์ž…๋‹ˆ๋‹ค! ๐Ÿ’ป

์†Œ๊ฐœ

์ด ์ €์žฅ์†Œ๋Š” ๋ฐ”๋‹๋ผ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์™€ Express๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ Webpack์„ ์‚ฌ์šฉํ•  ๋•Œ ๊ธฐ๋ณธ ์„ค์ •์„ ์ƒ๋žตํ•ด์ฃผ๋Š” boilerplate์ž…๋‹ˆ๋‹ค!

์„ค์น˜ํ•  ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ

์„ค์น˜ํ•  ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋Š” Express + webpack + babel + SASS์ž…๋‹ˆ๋‹ค. ์ด์™ธ์—๋„ ๋ฐ”๋กœ ๊ฐœ๋ฐœ์„ ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋ณ„๋„์˜ ํ”Œ๋Ÿฌ๊ทธ์ธ๋“ค์„ ์„ค์น˜ํ–ˆ์Šต๋‹ˆ๋‹ค.

devDependencies

  • "@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"

dependencies

  • "@babel/polyfill": "^7.12.1", => ES6+ ์ถ”๊ฐ€ ํ˜ธํ™˜์„ ์œ„ํ•œ babel/polyfill
  • "express": "^4.17.1", => Express ๊ธฐ๋ณธ ์„ค์ •
  • "morgan": "^1.10.0",
  • "path": "^0.12.7"