一、命令行查看
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/n/207228.html
微信扫一扫 
支付宝扫一扫 