zoukankan      html  css  js  c++  java
  • 什么是npx?

    今天想学习一下react,打开例子执行代码:

    npx create-react-app my-app
    

    上面代码中出现了npx命令,第一次见这个命令,吓得我赶紧去百度了一下这是什么命令:

    npm 从5.2版开始,增加了 npx 命令。Node 自带 npm 模块,所以可以直接使用 npx 命令。

    调用项目安装的模块

    npx 想要解决的主要问题,就是调用项目内部安装的模块。比如,项目内部安装了测试工具 Mocha。

    $ npm install -D mocha
    

    一般来说,调用 Mocha ,只能在项目脚本和 package.json 的scripts字段里面, 如果想在命令行下调用,必须像下面这样。

    # 项目的根目录下执行
    $ node-modules/.bin/mocha --version
    

    npx 就是想解决这个问题,让项目内部安装的模块用起来更方便,只要像下面这样调用就行了。

    $ npx mocha --version
    

    npx 的原理很简单,就是运行的时候,会到node_modules/.bin路径和环境变量$PATH里面,检查命令是否存在。

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

    避免全局安装模块

    除了调用项目内部模块,npx 还能避免全局安装的模块。比如,create-react-app这个模块是全局安装,npx 可以运行它,而且不进行全局安装。

    $ npx create-react-app my-react-app
    

    上面代码运行时,npx 将create-react-app下载到一个临时目录,使用以后再删除。所以,以后再次执行上面的命令,会重新下载create-react-app。

    下载全局模块时,npx 允许指定版本。

    $ npx uglify-js@3.1.0 main.js -o ./dist/main.js
    

    上面代码指定使用 3.1.0 版本的uglify-js压缩脚本。

    注意,只要 npx 后面的模块无法在本地发现,就会下载同名模块。比如,本地没有安装http-server模块,下面的命令会自动下载该模块,在当前目录启动一个 Web 服务。

    $ npx http-server
    

    还有其他几种用法现在暂时没用到,就先不写了。

  • 相关阅读:
    二分搜素——(lower_bound and upper_bound)
    二分(搜索)查找
    算法复杂度中的O(logN)底数是多少
    hdu 1050 Moving Tables
    hdu 1010 Tempter of the Bone
    hud 3123 GCC
    “123”——> 123
    基本模运算
    101个MySQL的调节和优化的Tips
    一个最简单的图片缩略图
  • 原文地址:https://www.cnblogs.com/gruguy/p/12690639.html
Copyright © 2011-2022 走看看