1. Webpack Dev Server

• webpack-dev-server를 켜 놓으면 코드의 변경사항을 감지해서 브라우저에 변경된 점을 자동으로 반영해 준다.

• webpack-dev-server를 사용해서 개발하면, 매번 빌드할 필요가 없다.

1) Webpack Dev Server 설치

npm install --save-dev webpack-dev-server

2) webpack.config.js 설정

module.exports = {
    devServer: {
        static: './docs'
    },
    optimization: {
        runtimeChunk: 'single'
    },
};

3) 서버 실행

• 아래 명령어로 실행하거나 또는 package.json에 "dev": "webpack serve --open"과 같이 등록해서 사용한다.

npm run webpack serve --open