首页 前端知识 npx使用及原理

npx使用及原理

2024-06-07 00:06:36 前端知识 前端哥 806 262 我要收藏

一、简介

npm从5.25.2版开始,增加了 npx 命令。该命令的诞生主要是方便我在项目中使用全局包。

二、安装

Node安装后自带npm模块,可以直接使用npx命令。如果不能使用,就要手动安装一下。


npm install -g npx

三、使用场景

npx想要解决的主要问题,就是调用项目内部安装的模块,我们以webpack为例。

首先我们先 npm init 创建一个node项目,在通过一下命令安装webpack,(从webpack4开始需要依赖webpack-cli)


npm install webpack webpack-cli -D

如果我们想查看 webpack 版本我们只能通过以下命令 或 在 package.json 中的 scripts 字段里面添加对应指令


// node_modules/.bin 中储存的是安装的package的可调用模块
node_modules/.bin/webpack -v

npx 可以让项目内部安装的模块用起来更方便,只要像下面这样调用就行了。


npx webpack -v

四、npx 的原理

npx 的原理很简单,就是运行的时候,会到先到 node_modules/.bin路径 中查找命令如果没有再去 全局环境变量$PATH 里面,检查命令是否存在。

由于 npx 会检查环境变量$PATH,所以系统命令也可以调用。


npx ls // 等同于ls命令

注意,只要 npx 后面的模块无法在本地发现,npm就会询问我们是否下载该package。比如,本地没有安装webpack,执行 npx webpack -v就会出现如图的提示。

如果想让 npx 强制使用本地模块,不下载远程模块,可以使用--no-install参数。如果本地不存在该模块,就会报错。


npx --no-install webpack -v

反过来,如果忽略本地的同名模块,强制安装使用远程模块,可以使用--ignore-existing参数。比如,本地已经全局安装了create-react-app,但还是想使用远程模块,就用这个参数。


npx --ignore-existing create-react-app my-react-app

利用 npx 指定某个版本的 Node 运行脚本。


npx node@14.10.0 -v

上面命令会使用 14.10.0 版本的 Node 执行脚本。原理是从 npm 下载这个版本的 node,使用后再删掉。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/11194.html
标签
评论
发布的文章

1.10 Unity中的数据存储 JSON

2024-06-13 21:06:30

JSON 数据格式化方法

2024-06-13 21:06:26

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!