• NPM实用指北


    npm作为下载node附送的大礼包,大家一定不会陌生。

    然而关于npm,估计大量的只是用到npm install XXX以及npm run XXX

    其实这里边还有很多有意思的命令&参数。
    关于npm,大概有两个作用:

    1. 能让我们很方便的从网上下载第三方包进行实现功能
    2. 能够让我们自己编写包,并上传到网上供其他人下载

    下载相关的操作

    下载主要就是围绕着install这一个命令来的。

    install 可以简写为 i

    安装原有的依赖包

    当我们处于一个项目下时,执行npm i即可安装当前项目所有的依赖包。
    包含dependenciesdevDependenciesoptionalDependenciesbundleDependencies中的所有。
    如果我们在执行npm i时添加--production的参数,则表示是线上环境,将会忽略devDependencies下的所有依赖。

    现在我们有如下的package.json文件:

    {
      "dependencies": {
        "koa": "^2.5.0"
      },
      "devDependencies": {
        "eslint": "^4.19.1"
      }
    }

    如果执行npm i,则会安装所有的依赖。

    > npm ls --depth=0
    ├── eslint@4.19.1
    └── koa@2.5.0

    然后我们再尝试添加--production参数,使用--only=prod[uction]同样可以实现效果。

    > npm ls --depth=0
    └── koa@2.5.0

    使用--only=dev[elopment]则用来仅安装devDependencies的依赖。

    –depth=XXX 用来设置显示路径的深度,默认会递归将所有的依赖都打印出来。

    新增依赖的安装

    上边是直接安装项目原有依赖的操作,如果我们要新增一些依赖,这里有一些选项可以了解一下。
    如果我们在执行install添加--no-save--save-dev之类的flag时,不会直接写入到dependencies中,而是有一些其他的处理。

    各种选项:

    flagdescription
    --save-prod 默认选项 对应dependencies
    --no-save 不将依赖写进package.json
    --save-dev-D 对应devDependencies
    --save-optional-O 对应optionalDependencies,在安装时可以通过指定--no-optional来忽略该模块下的依赖
    --save-bundle-B 对应bundleDependencies貌似已经被废弃了-.-
    --save-exact-E 安装精准的某个版本,在版本号处不会添加^之类的标识
    --global-g 全局安装包,一般来说需要管理员权限

    更多的参数请查阅:https://docs.npmjs.com/cli/install

    package.json中经常能看到依赖的版本号前边有一个^~
    ^~会导致重新安装依赖的时候,按照规则安装最新版。
    比如版本号为^2.1.0,则会匹配>=2.1.0 <3.0.0的所有包
    如果版本号为~2.1.0,则会匹配>=2.1.0 <2.2.0的所有包
    这两个标识的好处是:一个包进行修复bug,只更新了最后一位版本号,所有依赖它的包不需要重新上传自己的package.json
    所以说,涉及到可能产生不兼容后果的更新,请一定要修改前两位版本号。。否则就是坑人了-.-

    以及我们可以指定安装包时候的tag或者version

    npm i koa@next
    npm i koa@2.0.0
    npm i koa@">=2.0.0 <2.5.0"

    这里的next就是一个tag 如果不指定的话,有一个默认的latest
    以及第二条指定安装2.0.0版本的koa
    最后一条则会在范围规则内选择最新的版本进行安装。

    上传相关的操作

    要上传,肯定就要先进行开发。
    所以我们上传的整个流程大概是这样的:

    1. npm init创建package.json
    2. 进行开发
    3. npm show <你的包名>,如果404,那么恭喜你,这个名字还没有被占用。
    4. npm publish,上传包。

    npm init

    其实有很多情况下,我们创建package.json只是为了安装依赖,但是执行了npm init以后却要确认好多次选填内容。
    其实如果你添加了一个参数以后,npm就不会让你确认这些选填内容了。
    npm init -f--force-y--yes都可以实现这个效果。
    当然,如果你是要将这个文件夹作为一个pacakge发出去,则这些选填内容都是需要的。

    开发包的过程

    如何进行本地debug

    在开发过程中,为了本地快速进行调试,可以执行这样的命令:
    npm link <你的包名>
    如果在当前包的文件夹中,可以直接执行npm link

    可以简写为npm ln

    然后在要调试的项目中执行npm link <你的包名>
    即可创建一个引用本地的链接。
    在调试完毕后,执行npm unlink来删除链接。

    如何创建命令行可执行模块

    我们可以在package.json中添加bin字段,用来指定一个文件。

    {
      "bin": {
        "sayhi": "bin/hi"
      }
    }

    文件./bin/hi

    #!/usr/bin/env node
    
    console.log('hi there')

    如果用过-g进行全局安装,就会注册对应的命令,我们在terminal中就可以直接执行了。
    #!/usr/bin/env node为必须的,路径可能会变

    npm show

    这个方法貌似没有被写在文档里。。但它确实是存在的。
    执行npm show XXX会返回这个包对应的信息,也可以直接在后边按照JSON的格式来进行取值:

    npm show koa version
    npm show koa dist-tags.latest

    npm publish

    当我们的包开发完毕后,就可以执行publish来进行上传了。

    npm publish

    你同样可以在后边指定一个文件夹路径或者压缩包,但都需要这两者包含package.json文件(npm包的信息都在这里)

    以及,我们可以在后边拼接--tag=XXX来上传一个对应的tag,如果不写的话,默认会上传到latest下。
    tag的好处是,我们可以同时维护多份代码,两者互不影响(但是要小心publish的时候一定不要忘记tag
    就比如去年的node.js稳定版还是6,但是koa已经开始使用7.6+async/await特性,所以他们就发布了koa@next,也就是现在的2.x,用来支持新的语法。

    之后的版本更新

    如果我们的包放到线上以后,发现了bug,我们需要修复它,因为npm的限制,所以每次publish必须保证version的一致性。
    npm给我们提供了这样三个命令:

    1. npm version patch
    2. npm version minor
    3. npm version major

    三个命令依次会修改version的第3.2.1位。
    major.minor.patch

    patch

    patch为改动最小的,也就是我们上边提到过的bug修复,^~都会兼容的版本号。

    minor

    如果是minor,则会修改中间的版本号,一般来讲,新功能的增加需要修改这个版本号,因为可能会造成之前的使用方式改变。

    major

    最后一个则是很大的更新才会去修改的版本号,例如我们亲爱的koa,在抛弃Generator拥抱async/await就是直接发布了koa2.x

    执行这三个命令的先提条件是,你当前仓库是不存在未提交的修改的。
    因为npm会直接帮你修改version并增加一条commit记录,如果有未提交的修改,可能会导致版本冲突。
    在执行完这些命令(或者手动修改版本号也是没问题的),再执行npm publish即可上传更新包了。

    如果想要自定义这次提交的信息的话,可以这样:
    npm version patch -m "Upgrade version to %s"
    %s会自动被npm替换为更新后的版本号提交上去。

    更新时一定记得加对应的--tag,否则默认会推到@latest

    npm scripts

    关于package.json中的scripts,不知道大家了解多少。
    如果你的包是上传到npm上的,那么其实有很多scripts是类似钩子的存在。

    publish

    当你的包执行了publish上传到服务器后,这个脚本会执行。
    其实我们可以在这个地方执行git push操作来将本次的修改直接推到GitHub仓库上,节省了一次不必要的命令键入。
    或者如果你这个包同时还上传到apm或者之类的同类型仓库,也可以直接在这里进行处理(省去多次繁琐的操作)

    install

    这个脚本会在包被安装后执行。
    比如说我们使用Flowtype开发了一个包,我们可以直接将源码传到npm上,然后在install命令中执行编译,去除flow comments

    一些依赖于node-gyp的包都会有install: node-gyp rebuild的操作。

    uninstall

    如果你的包会对一些全局的数据造成影响(比如某些包可能会去改写.bashrc之类的文件)。
    这时你可以在uninstall脚本中将那些修改项进行还原(良心操作)。

    更多的scripts钩子:https://docs.npmjs.com/misc/scripts

    小记

    最近翻看了一下npm的文档,发现了很多之前很少用的命令&参数。
    觉得npm做的真心很不错,原来的一些重复性的工作,其实可以很轻松的使用npm相关的命令来解决。
    希望大家不要只拿来进行npm install
    最后:NPM Loves You

    参考资料

    https://docs.npmjs.com/cli/init
    https://docs.npmjs.com/misc/developers
    https://docs.npmjs.com/cli/version

  • 相关阅读:
    xpath json操作符说明
    搜索引擎下拉词接口
    利用jsonp调用外部ip地址池
    excel支持正则表达式提取字符函数(支持RegExp捕获分组)
    【竞价网站绝技】根据访客ip,页面显示访客所属城市的html代码(借用YY IP地址库)
    关于百度信息流“霸屏”代码(着落页点击浏览器“回退”按钮还是在官网)的实现。
    关于免费虚拟主机sanfengyun
    typescript interface接口
    typescript 声明和解构
    typescript 基础数据类型
  • 原文地址:https://www.cnblogs.com/jiasm/p/8903867.html
Copyright © 2020-2023  润新知