본문 바로가기

Web Programming/JavaScript & TypeScript

webpack-cli와 webpack-command의 차이(번역)

https://github.com/webpack-contrib/webpack-command/blob/master/README.md의 Differences With webpack-cli 항목을 2018년 8월 3일에 번역하였습니다. 의역이 포함되어 있습니다.

webpack-command는 webpack-cli와 동등성을 목표로 하지만, 주목할 만한 차이가 있습니다. 이러한 차이점에는 이 모듈에 webpack CLI를 제공하는 최소한의 명령만 포함되어 있다는 점이 포함됩니다. 초기 설정, 마이그레이션 및 업데이트와 같은 명령은 사용자가 설치한 개별 모듈로 이전됩니다. 


webpack-cli를 사용했었다면 아래와 같은 차이에 주의해야 합니다.

--env 플래그는 사용할 수 없습니다. (The --env Flag is Nuked)

환경변수(Environment Variables)는 매우 오랫동안 사용되어 왔습니다. webpack-cli는 사용자가 flag를 통해 환경변수를 지정할 수 있지만, webpack-command는 해당 기능을 포함하지 않습니다. 대신에 사용자는 환경변수를 기존의 표준 방식으로 사용해야 합니다.

$ NEAT_VAR=woo webpack ...

process.env로 값에 접근하세요. 대신에 사용자가 크로스 플랫폼간 환경변수 (cross-platform environment variables)를 필요로 한다면, cross-env 와 같은 도구를 활용해야합니다.

key=value는 지원되지 않습니다.

webpack-cli로 전달되는 플래그는 --entry name=file같은 문법을 허용합니다. 그러나 이 모듈은 CLI 표준 접근 방식을 채택하여 --flag.key value를 대신 사용하며, key=value문법을 허용하지 않습니다.

항목(Entry)

플래그(--flag또는 입력(webpack <file>)으로 항목을 지정하려면 지정된 파일 또는 디렉터리가 있어야합니다.

쉼표로 구분된 값으로 전달되는 --entry file,file2는 더 이상 사용되지 않으므로 CLI 표준인--entry file --entry file2 문법을 사용하도록 마이그레이션 해야합니다.

--entry name=file을 사용하여 webpack-cli에서 플래그로 전달되었던 항목은 이제 --entry.name file문법을 사용하도록 마이그레이션 해야합니다.

별칭(Alias)

webpack-cli에서 --resolve-alias alias=value같이 전달되었던 별칭은 --resolve-alias.{alias} {value} 문법으로 마이그레이션 해야합니다.

로더 별칭(Loader Alias)

webpack-cli에서 --resolve-loader-alias alias=value같이 전달되었던 로더 별칭은 --resolve-loader-alias.alias value 문법으로 마이그레이션 해야합니다.



오역에 대해서는 댓글로 알려주세요.

반응형