• 什么是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
    

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

  • 相关阅读:
    给文章生成二维码
    用HTML5 Canvas做一个画图板
    失败多少次不要紧,人们只会记住你成功的那一次
    关于读大学的意义
    卸载Anaconda
    Anaconda基本命令
    plt.imshow()
    matplotlib不显示图片
    在Anaconda环境下使用Jupyter Notebook
    join()
  • 原文地址:https://www.cnblogs.com/gruguy/p/12690639.html
Copyright © 2020-2023  润新知