一、命令行查看

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 的版本號。