Webpack) 잡다한 지식들

웹팩을 공부하면서 알게된 잡다한 지식들 정리하는 포스트

목차

scripts

• Command & Flags
• 빌드 파일 실행하는 방법

scripts

<Command & Flags>

// package.json

"scripts": {
    "start": "webpack serve --config webpack/webpack.config.js --env env=dev"
}

• serve // webpack-dev-server를 실행하는 커맨드.
• --config // webpack 설정 파일의 경로를 제공하는 플래그. -c도 동일한 기능. (예: -c ./webpack.config.js)
• --env // 함수일 때 설정에 전달된 환경 플래그. (위의 코드 설명: 함수일 때 환경 플래그를 사용하여 설정에 env라는 프로퍼티로 dev를 전달)

webpack - Command Line Interface

<빌드 파일 실행하는 방법>

yarn build && cd [빌드해서 생성된 폴더명] && npx serve