前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >查看webpack版本命令_webpack阮一峰

查看webpack版本命令_webpack阮一峰

作者头像
全栈程序员站长
发布2022-09-22 10:58:44
发布2022-09-22 10:58:44
9.6K00
代码可运行
举报
运行总次数:0
代码可运行

大家好,又见面了,我是你们的朋友全栈君。

想着搞一下 webpack 的构建优化,网上看到一些方法说是要 webpack4 及以上的才能用。然后就要看看是啥版本来着 ——


查看当前项目的 webpack 版本

1.命令行执行 npx webpack -v (最方便啦)

因为 webpack 是局部安装,要进入依赖包执行webpack的命令才有效,直接 webpack -v 会被认为命令无效。使用 npm 包执行器 npx 可以自动找到对应的包执行命令(一般安装了npm会自动安装npx)

2. 在 package.json 添加 script 命令

代码语言:javascript
代码运行次数:0
运行
复制
// package.json
"scripts": { 
   
  "webpack": "webpack --version"
},

然后命令行执行 npm run webpack

3. 直接找到 node_modules/webpack/package.json 查看


查看 webpck 最新版本

代码语言:javascript
代码运行次数:0
运行
复制
npm info webpack

同理,npm info 可以查看其他 npm 包信息:


顺便记录一下,eslint 的自动修复方法,同样也可以在 package.json 的 scripts 添加、或使用 npx 执行 eslint 修复命令

eslint 自动修复

1. 直接命令行执行 npx eslint --fix --ext .js,.vue src

2. 在 package.json 添加 script 命令

代码语言:javascript
代码运行次数:0
运行
复制
// package.json
"scripts": { 
   
   "lint": "eslint --fix --ext .js,.vue src",
},

然后执行 npm run lint 即可自动修复。

如果只是一次性使用,直接使用 npx 就好;如果是项目上需要多次使用,封装到 scripts 就更方便啦

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/169191.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 查看当前项目的 webpack 版本
  • 查看 webpck 最新版本
  • eslint 自动修复
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档