一、命令行查看

Webpack 可以在終端中運(yùn)行，因此我們可以通過運(yùn)行 webpack -v 命令來(lái)檢查 webpack 的版本。

$ webpack -v
4.44.2

如果沒有全局安裝 webpack，也可以在項(xiàng)目的 node_modules 目錄下運(yùn)行 npm run webpack -v 命令來(lái)查看。

$ npm run webpack -v
4.44.2

二、查看 package.json 文件

Webpack 的版本號(hào)也可以在項(xiàng)目的 package.json 文件中找到，我們可以通過打開該文件或者運(yùn)行 cat package.json 命令來(lái)查看版本號(hào)。版本號(hào)通常位于 dependencies 或者 devDependencies 對(duì)象的內(nèi)部。

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

在這個(gè)例子中，Webpack 的版本是 4.44.2，位于 dependencies 對(duì)象內(nèi)部。

三、在 Webpack 配置文件中查看

Webpack 配置文件通常命名為 webpack.config.js，我們可以通過編輯該文件來(lái)查看 Webpack 的版本。

const webpack = require('webpack');

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

在上面的例子中，我們使用 DefinePlugin 插件將版本號(hào)注入到全局變量 VERSION 中，然后可以在文件中的其他地方引用。

四、在瀏覽器中查看

Webpack 版本號(hào)還可以在瀏覽器控制臺(tái)中查看，我們可以在頁(yè)面中輸出 Webpack 對(duì)象，找到其版本屬性。

console.log(webpack.version);

執(zhí)行上面的代碼后，將在控制臺(tái)中看到 Webpack 的版本號(hào)。