설치된 웹팩 버전을 확인하는 방법

설치된 웹팩 버전을 확인하는 방법

---

특히 webpack v1에서 v2로 전환하는 동안 설치된 webpack 버전 을 프로그래밍 방식으로 결정하는 것이 중요 하지만 적절한 API를 찾을 수없는 것 같습니다.

---

설치된 버전 :

웹팩 CLI 사용 :(--version, -v Show version number [boolean])

webpack --version

또는:

webpack -v

사용 NPM 목록 명령을 :

npm list webpack

결과 name@version-range:

<projectName>@<projectVersion> /path/to/project
└── webpack@<version-range>

사용 원사 목록 명령을 :

yarn list webpack

---

프로그래밍 방식으로 수행하는 방법은 무엇입니까?

Webpack 2는 구성 유형을 도입했습니다 .

구성 객체를 내보내는 대신 환경을 인수로 받아들이는 함수를 반환 할 수 있습니다. 웹팩를 실행하는 경우, 당신은을 통해 환경을 구축 키를 지정할 수 있습니다 --env와 같은, --env.production또는 --env.platform=web.

라는 빌드 환경 키를 사용합니다 --env.version.

webpack --env.version $(webpack --version)

또는:

webpack --env.version $(webpack -v)

이 작업을 수행하려면 두 가지 작업을 수행해야합니다.

webpack.config.js파일을 변경하고 DefinePlugin을 사용 하십시오 .

DefinePlugin을 사용하면 컴파일 타임에 구성 할 수있는 전역 상수를 만들 수 있습니다.

-module.exports = {
+module.exports = function(env) {
+  return {
    plugins: [
      new webpack.DefinePlugin({
+        WEBPACK_VERSION: JSON.stringify(env.version) //<version-range>
      })
    ]
+  };
};

이제 다음과 같이 전역 상수에 액세스 할 수 있습니다.

console.log(WEBPACK_VERSION);

---

사용 가능한 최신 버전 :

npm view 명령을 사용 하면 레지스트리에서 사용 가능한 최신 버전이 반환됩니다.

npm view [<@scope>/]<name>[@<version>] [<field>[.<subfield>]...]

---

웹팩 사용 :

npm view webpack version

---

사용하시는 분들을 위해 yarn

yarn list webpack 트릭을 할 것이다

$ yarn list webpack
yarn list v0.27.5
└─ webpack@2.6.1
Done in 1.24s.

---

webpack 4는 이제 사용할 수있는 버전 속성을 제공합니다!

---

아직 언급되지 않은 또 다른 방법 :

프로젝트에 로컬로 설치했다면 node_modules 폴더를 열고 웹팩 모듈을 확인하십시오.

$cd /node_modules/webpack/package.json

package.json 파일을 열고 버전을 확인하십시오.

---

Angular CLI v7 +를 사용하는 경우 웹팩 버전은 다음과 같이 출력됩니다 ng version.

-> ng version

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 7.0.6
Node: 11.0.0
OS: darwin x64
Angular: 7.1.0
... animations, cdk, common, compiler, compiler-cli, core, forms
... http, language-service, material, platform-browser
... platform-browser-dynamic, router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.10.6
@angular-devkit/build-angular     0.10.6
@angular-devkit/build-optimizer   0.10.6
@angular-devkit/build-webpack     0.10.6
@angular-devkit/core              7.0.6
@angular-devkit/schematics        7.0.6
@angular/cli                      7.0.6
@ngtools/webpack                  7.0.6
@schematics/angular               7.0.6
@schematics/update                0.10.6
rxjs                              6.3.3
typescript                        3.1.6
webpack                           4.19.1

참고 URL : https://stackoverflow.com/questions/41661383/how-to-determine-the-installed-webpack-version