一、命令行查看
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 的版本號。
原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/207228.html
微信掃一掃 
支付寶掃一掃 