Configuration
기본적으로 webpack은 설정 파일을 사용할 필요가 없습니다. webpack은 프로젝트의 엔트리 포인트를 src/index.js으로 가정하고, 프로덕션을 위해 압축하고 최적화된 결과를 dist/main.js로 내보냅니다.
보통 프로젝트는 이 기능을 확장해야 합니다. 루트 폴더에 webpack.config.js 파일을 생성하면 webpack이 자동으로 이 파일을 사용합니다.
사용 가능한 모든 설정 옵션을 아래에서 설명하고 있습니다.
Use a different configuration file
특정 상황에 따라 다른 설정 파일을 사용하려면 커맨드라인에서 --config 플래그를 사용하여 이를 변경할 수 있습니다.
package.json
"scripts": {
"build": "webpack --config prod.config.js"
}Set up a new webpack project
Webpack은 매우 다양한 옵션을 제공하기 때문에 사용하기 어려울 수 있습니다. 따라서 버전 6.0.0부터 제공되는 새로운 도구인 webpack-cli의 create-webpack-app을 활용해 보세요. 이 도구를 사용하면 프로젝트 요구 사항에 맞는 특정 설정 파일을 사용하여 webpack 애플리케이션을 신속하게 생성할 수 있습니다. 설정 파일을 생성하기 전에 몇 가지 질문을 받게 됩니다.
npx create-webpack-app [command] [options]npx는 프로젝트 또는 전역적으로 create-webpack-app이 설치되어 있지 않은 경우 설치를 요청할 수 있습니다. 또한 새 웹팩 애플리케이션 생성 과정에서 선택한 사항에 따라 추가 패키지가 프로젝트에 설치될 수도 있습니다.
$ npx create-webpack-app init
Need to install the following packages:
create-webpack-app@2.0.0
Ok to proceed? (y)
? Which of the following JS solutions do you want to use? Typescript
? Do you want to use webpack-dev-server? Yes
? Do you want to simplify the creation of HTML files for your bundle? Yes
? Do you want to add PWA support? No
? Which of the following CSS solutions do you want to use? CSS only
? Will you be using PostCSS in your project? Yes
? Do you want to extract CSS for every file? Only for Production
? Which package manager do you want to use? npm
[create-webpack] ℹ️ Initializing a new Webpack project
...
...
...
[create-webpack] ✅ Project dependencies installed successfully!
[create-webpack] ✅ Project has been initialised with webpack!Next »
Configuration Languages18 Contributors
