如何确定已安装的webpack版本

特别是在从webpack v1过渡到v2期间,以编程方式确定安装了哪个webpack版本非常重要,但我似乎找不到合适的API.

版本已安装:

使用webpack CLI:(--version, -v Show version number [boolean])

webpack --version

要么:

webpack -v

使用npm list命令:

npm list webpack

结果name@version-range:

@ /path/to/project
??? webpack@

使用纱线列表命令:

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) //
      })
    ]
+  };
};

现在我们可以像这样访问全局常量:

console.log(WEBPACK_VERSION);

最新版本:

使用npm view命令将返回注册表中可用的最新版本:

npm view [<@scope>/][@] [[.]...]

对于webpack使用:

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现在提供了可以使用的version属性！