如何查看webpack版本

一、命令行查看

Webpack 可以在终端中运行，因此我们可以通过运行 webpack -v 命令来检查 webpack 的版本。

$ webpack -v
4.44.2

如果没有全局安装 webpack，也可以在项目的 node_modules 目录下运行 npm run webpack -v 命令来查看。

$ npm run webpack -v
4.44.2

二、查看 package.json 文件

Webpack 的版本号也可以在项目的 package.json 文件中找到，我们可以通过打开该文件或者运行 cat package.json 命令来查看版本号。版本号通常位于 dependencies 或者 devDependencies 对象的内部。

{
  "name": "example-project",
  "version": "1.0.0",
  "dependencies": {
    "webpack": "^4.44.2"
  },
  "devDependencies": {
    "webpack-cli": "^3.3.12"
  }
}

在这个例子中，Webpack 的版本是 4.44.2，位于 dependencies 对象内部。

三、在 Webpack 配置文件中查看

Webpack 配置文件通常命名为 webpack.config.js，我们可以通过编辑该文件来查看 Webpack 的版本。

const webpack = require('webpack');

module.exports = {
  // ...
  plugins: [
    new webpack.DefinePlugin({
      VERSION: JSON.stringify(require('./package.json').version)
    })
  ]
};

在上面的例子中，我们使用 DefinePlugin 插件将版本号注入到全局变量 VERSION 中，然后可以在文件中的其他地方引用。

四、在浏览器中查看

Webpack 版本号还可以在浏览器控制台中查看，我们可以在页面中输出 Webpack 对象，找到其版本属性。

console.log(webpack.version);

执行上面的代码后，将在控制台中看到 Webpack 的版本号。