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

总结

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

相关文章

  • Node 模块原理与用法详解

    Node 模块原理与用法详解

    这篇文章主要介绍了Node 模块原理与用法,结合实例形式详细分析了node.js模块基本概念、原理、用法及操作注意事项,需要的朋友可以参考下
    2020-05-05
  • 优化Node.js Web应用运行速度的10个技巧

    优化Node.js Web应用运行速度的10个技巧

    这篇文章主要介绍了优化Node.js Web应用运行速度的10个技巧,本文讲解了从并行、异步、缓存、gzip 压缩、客户端渲染等等技巧,需要的朋友可以参考下
    2014-09-09
  • Node.js如何自动审核团队的代码

    Node.js如何自动审核团队的代码

    在项目开发中,统一团队的代码风格很重要,本文介绍如何用Node.js来自动审核,来提高您的开发速度。
    2016-07-07
  • nodejs实现bigpipe异步加载页面方案

    nodejs实现bigpipe异步加载页面方案

    本文给大家分享的是使用nodejs结合bigpipe实现异步加载页面的方案,非常的实用,也是以后前端性能优化的一个方向,希望大家能够喜欢。
    2016-01-01
  • Node.js自动生成API文档的实现

    Node.js自动生成API文档的实现

    本文主要介绍了Node.js自动生成API文档,包含基于swagger-jsdoc+swagger-ui-express快速实现,具有一定的参考价值,感兴趣的可以了解一下
    2024-03-03
  • Nodejs学习笔记之Stream模块

    Nodejs学习笔记之Stream模块

    nodejs的fs模块并没有提供一个copy的方法,但我们可以很容易的实现一个,这种方式是把文件内容全部读入内存,然后再写入文件,对于小型的文本文件,这没有多大问题,比如grunt-file-copy就是这样实现的。
    2015-01-01
  • NodeJS实现图片文本分割

    NodeJS实现图片文本分割

    这篇文章主要为大家详细介绍了NodeJS实现图片文本分割,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • Node.js学习之内置模块fs用法示例

    Node.js学习之内置模块fs用法示例

    这篇文章主要介绍了Node.js学习之内置模块fs用法,结合实例形式详细分析了node.js内置模块fs的基本功能、用法与相关操作注意事项,需要的朋友可以参考下
    2020-01-01
  • 使用Node.js创建HTTP服务器并实现公网访问本地Server的步骤

    使用Node.js创建HTTP服务器并实现公网访问本地Server的步骤

    Node.js含有一系列内置模块,使得程序可以脱离 Apache HTTP Server 或 IIS,作为独立服务器运,下面将介绍如何简单几步实现远程公共网络下访问windwos node.js的服务端,感兴趣的朋友一起看看吧
    2023-11-11
  • 浅谈Node.js 子进程与应用场景

    浅谈Node.js 子进程与应用场景

    这篇文章主要介绍了浅谈Node.js 子进程与应用场景,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-01-01

最新评论