설치된 웹 팩 버전 확인 방법

설치된 웹 팩 버전 확인 방법

특히 웹팩 v1에서 v2로 전환하는 과정에서 어떤 웹팩 버전이 설치되어 있는지 프로그래밍 방식으로 판단하는 것이 중요하겠지만, 적절한 API를 찾을 수 없을 것 같습니다.

설치된 버전:

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

webpack --version

또는:

webpack -v

npm list 명령 사용:

npm list webpack

결과:name@version-range:

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

yarn list 명령 사용:

yarn list webpack

---

프로그래밍 방식으로 하는 방법은?

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

구성 개체를 내보내는 대신 환경을 인수로 수락하는 함수를 반환할 수 있습니다.웹 팩을 실행할 때 다음을 통해 빌드 환경 키를 지정할 수 있습니다.--env,예를 들어--env.production또는--env.platform=web.

다음과 같은 빌드 환경 키를 사용합니다.--env.version.

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

또는:

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

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

변경 내용webpack.config.js파일을 저장하고 플러그인 정의를 사용합니다.

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

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

프로젝트에 로컬로 설치한 경우 node_modules 폴더를 열고 웹 팩 모듈을 확인합니다.

< /node_modules/webpack/package.json

패키지를 엽니다.json 파일 및 아래 버전 확인

사용 중인 사용자를 위해yarn

yarn list webpack성공할 것입니다

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

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

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

CLI에서

$ webpack --version
    
webpack-cli 4.1.0
    
webpack 5.3.2

코드 내(노드 런타임)

process.env.npm_package_devDependencies_webpack // ^5.3.2

또는

process.env.npm_package_dependencies_webpack // ^5.3.2

플러그인 내

compiler.webpack.version // 5.3.2

놓다webpack -v당신의 소포에.json:

{
  "name": "js",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build": "webpack -v",
    "dev": "webpack --watch"
  }
}

그런 다음 콘솔에 다음을 입력합니다.

npm run build

예상 출력은 다음과 같아야 합니다.

> npm run build

> js@1.0.0 build /home/user/repositories/myproject/js
> webpack -v

4.42.0

npm 웹 팩 --버전

제게 효과가 있고 다음과 같은 것을 던집니다.

PSC:\Users\alfon\OneDrive\Escritorio\sandbox\fimusv4\with-reddux-app> npm webpack --version npm WARN 구성 글로벌--global,--local사용하지 않습니다. 사용하지 않습니다.--location=global대신 8.5.5

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