npx的使用及原理分析

 更新时间:2024年02月08日 10:10:52   作者:GMLGDJ  
这篇文章主要介绍了npx的使用及原理,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

一、简介

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 字段里面添加对应指令

<code class="language-plaintext hljs">// node_modules/.bin 中储存的是安装的package的可调用模块
node_modules/.bin/webpack -v</code>

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,使用后再删掉。

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 从0-1搭建webpack的前端工程化项目教程

    从0-1搭建webpack的前端工程化项目教程

    文章系统讲解了前端工程化概念及Webpack的核心作用,涵盖模块化、组件化、自动化开发流程,重点介绍Webpack配置、插件(如devServer、htmlWebpackPlugin)使用、Loader处理CSS/JS等文件、SourceMap调试机制,以及@路径别名优化项目结构的实践方法
    2025-08-08
  • 在Node.js中使用HTTP上传文件的方法

    在Node.js中使用HTTP上传文件的方法

    这篇文章主要介绍了在Node.js中使用HTTP上传文件的方法,作者以windows下的visual studio作为操作node的环境,推荐阅读!需要的朋友可以参考下
    2015-06-06
  • node.js中的fs.readlinkSync方法使用说明

    node.js中的fs.readlinkSync方法使用说明

    这篇文章主要介绍了node.js中的fs.readlinkSync方法使用说明,本文介绍了fs.readlinkSync方法说明、语法、接收参数、使用实例和实现源码,需要的朋友可以参考下
    2014-12-12
  • Node.js 搭建后端服务器内置模块( http+url+querystring 的使用)

    Node.js 搭建后端服务器内置模块( http+url+querystring 的使用)

    这篇文章主要介绍了Node.js搭建后端服务器内置模块(http+url+querystring的使用),文章围绕主题展开详细的内容戒杀,具有一定的参考价值,需要的朋友可以参考一下
    2022-09-09
  • npm安装报错npm ERR! Error: EPERM: operation not permitted解决

    npm安装报错npm ERR! Error: EPERM: operation&

    这篇文章主要为大家介绍了npm安装报错npm ERR! Error: EPERM: operation not permitted解决,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • 在Docker快速部署Node.js应用的详细步骤

    在Docker快速部署Node.js应用的详细步骤

    这篇文章的目标是为了向大家展示如何在Docker的container里运行Node.js程序,文中通过图文与示例代码介绍的非常详细,有需要的朋友们可以参考借鉴。
    2016-09-09
  • 新入门node.js必须要知道的概念(必看篇)

    新入门node.js必须要知道的概念(必看篇)

    下面小编就为大家带来一篇新入门node.js必须要知道的概念(必看篇)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • nodejs对express中next函数的一些理解

    nodejs对express中next函数的一些理解

    这篇文章主要介绍了nodejs对express中next函数的一些理解,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-09-09
  • 解决node报错Error: Cannot find module http-errors的问题

    解决node报错Error: Cannot find module http-e

    这篇文章主要介绍了解决node报错Error: Cannot find module http-errors的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2025-05-05
  • Node.js连接数据库实现过程详解

    Node.js连接数据库实现过程详解

    这篇文章主要为大家介绍了Node.js连接数据库实现过程详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-12-12

最新评论