[Bundler] Webpack 초기 세팅

프로젝트 생성 후 webpack 설치

npm i -D webpack webpack-cli webpack-dev-server@next    

package.json 수정

"scripts": {
    "dev": "webpack-dev-server --mode development",
    "build": "webpack --mode production"
  },

webpack.config.js 로 구성 옵션 작성

// 전역 경로 사용하기 위해 Path 모듈 가져오기
const path = require("path");

module.exports = {
  entry: "./js/main.js", // 파일을 읽어들이기 시작하는 진입점
  // 결과물(번들)을 반환하는 설정
  output: {
    // path는 dist가 default, filename은 엔트리 포인트의 파일명이 default
    path: path.resolve(__dirname, "dist"),
    filename: "main.js",
    clean: true, // 새롭게 빌드 시에 초기화
  },
};