Webpack - 웹팩 Configuration (6)

지난 포스트에 이어서 웹팩의 구성 설정에 대해서 알아보도록 하겠습니다.

Configuration

웹팩 구성이 똑같이 보이는 경우가 거의 없다는 사실을 눈치채셨을 것입니다. 이는 웹팩의 구성파일이 웹팩 구성을 내보내는 Javascript 파일이기 때문입니다. 이 구성은 정의된 속성을 기반으로 웹팩에 의해 처리됩니다.

표준 Node.js CommonJS 모듈이므로 다음을 수행할 수 있습니다. require(…) 를 통해 다른 파일 가져오기 require(…) 를 통해 npm에서 유틸리티 사용 javascript 제어 흐름 표현식을 사용 (예: ? : 연산자) 자주 사용되는 값에 상수 또는 변수 사용 구성의 일부를 생성하는 함수 작성 및 실행 적절한 경우 이러한 기능을 사용하세요.

기술적으로는 가능하지만 다음과 같은 방법을 피해야합니다. webpack CLI 를 사용할 때 CLI 인수에 액세스 합니다. (대신 자체 CLI를 작성하거나 -evn 사용) 비 결정적 값(non-deterministic values) 내보내기 (웹팩을 두 번 호출하면 동일한 출력 파일이 생성되어야 함) 긴 구성 작성 (대신 구성을 여러 파일로 분할)

이 문서에서 빼야할 가장 중요한 부분은 웹팩 구성을 형식화하고 스타일을 지정하는 다양한 방법이 있다는 것입니다. 핵심은 여러분과 여러분이 속산 팀이 이해하고 유지할 수 있는 일관된 것을 고수하는 것입니다.

아래 예제는 코드이기 때문에 웹팩의 구성이 어떻게 표현적이고 구성 가능한지 설명합니다.

간단한 구성 (Simple Configuration)

// webpack.config.js

var path = require('path');

module.exports = {
  mode: 'development',
  entry: './foo.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'foo.bundle.js'
  }
};

참조: 지원되는 모든 구성 옵션에 대한 구성 섹션

다중 대상 (Multiple Targets)

단일 구성을 객체, 함수 또는 Promise로 내보내는 것과 함께 여러 구성을 내보낼 수 있습니다.

참조: 여러 구성 내보내기

다른 구성 언어 사용 (Using other Configuration Languages)

웹팩은 여러 프로그래밍 및 데이터 언어로 작성된 구성 파일을 허용합니다.

참조: 구성언어 (Configuration Languages)