特别是在从 webpack v1 到 v2 的过渡期间，以编程方式确定安装的webpack版本非常重要，但我似乎找不到合适的 API。
问问题
174649 次
7 回答
167
安装版本：
使用webpack 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 webpack
如何以编程方式进行？
Webpack 2 引入了配置类型。
您可以返回一个接受环境作为参数的函数，而不是导出配置对象。运行 webpack 时，可以通过 指定构建环境键
--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>]...]
对于 webpack 使用：
npm view webpack version
于 2017-01-27T18:38:43.887 回答
18
对于那些正在使用yarn
yarn list webpack会成功的
$ yarn list webpack
yarn list v0.27.5
└─ webpack@2.6.1
Done in 1.24s.
于 2017-08-10T05:05:41.520 回答
14
只是另一种尚未提及的方式：
如果您将其安装到本地项目中，则打开 node_modules 文件夹并检查您的 webpack 模块。
< /node_modules/webpack/package.json
打开 package.json 文件并查看版本
于 2019-01-26T17:46:02.690 回答
8
webpack 4 现在提供了一个可以使用的版本属性！
于 2018-09-03T05:33:08.577 回答
6
如果使用 Angular CLI v7+，webpack 版本会打印在以下输出中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
于 2018-12-03T21:22:22.740 回答
4
放入webpack -v你的package.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
于 2020-03-24T08:41:12.857 回答
3
在 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
于 2020-11-02T06:04:45.853 回答