npm包管理工具
一. 创建一个包
在某个文件夹下使用npm init(-y 为全yes的无交互创建方式)命令初始化package.json.
二. 属性
- 必填的属性: name项目名称默认当前文件夹名称, version版本号默认1.0.0.
- 常见的属性:
- description项目的描述信息.
- author作者相关信息用于发布的时候.
- license表示开源协议用于发布的时候.
- private代表私有属性, 为true时, npm publish发布不出去.
- main代表入口路径, 但一般前端项目用webpack打包, 入口已经交给webpack管理. 如果我们的包想要作为工具来开源给别人用, 别人install后, require引用的就是这里的main属性.
- scripts用来配置脚本, “start”: “node index.js”, 然后可以直接用npm run start来启动, 也可以把代理脚本的node换成webpack.
- dependencies: 该属性指定无论开发环境还是生产环境都需要依赖的包, 实际开发中用到的包.
- devDependencies: 某些包在生产环境是不需要的, 比如webpack, babel等. 通过npm install webpack --save-dev来安装. 实际上没啥影响, webpack打包的时候会从入口按需打包. 主要作用是, 当别人install你的包的时候需要安装哪些额外的包. 当我们开发服务器的时候, 开发阶段需要依赖, 但生产环境不依赖, 我们在服务器安装依赖的时候, 可以通过npm install -production来安装相应的依赖.
- engines属性(不常见): 用于指定node和npm的版本号, 安装的时候会先检查对应的引擎版本, 不符合就报错, 也可以置顶所在的操作系统“os”: [“darwin”, “linux”], 不过很少用.
- browserslist属性: 可以单独放在一个文件中. 用于配置打包后的js浏览器的兼容情况, 否则我们需要手动的添加polyfills来支持某些语法, 也就是说它是为webpack等打包工具服务的一个属性.
三. 版本管理的问题
遵循semver版本规范X.Y.Z.
X主版本号: 不兼容的API修改, 可能不兼容之前版本;
Y次版本号: 有向下兼容的功能性新增, 兼容之前版本;
Z修订版本号: 有向下兼容的问题修正, 没新功能, 修复bug.
向上箭头符号" ^ ": x不变, y和z保持最新.
波浪符号“ ~ ”: x和y不变, z保持最新.
四. 常用命令
- npm install:
- 全局安装: npm install yarn -g; 一般全局装的是一些工具.
- 局部安装: npm install. 开发者依赖npm i axios -d
- 安装所有依赖: 直接运行npm install命令会根据package.json下的依赖来安装.
- npm uninstall [-d]: 其实直接在package.json里面删了dependencies就行...
- npm rebuild强制重新构建
- npm cache clean清除缓存
五. npm install原理
执行npm install到底发生了什么?
npm install安装流程
yarn包管理工具
yarn的命令和npm其实是对应的, 没什么要特别提及的.
cnpm包管理工具
有时候国内从registry.npmjs.org下载太慢或者下不下来, 通过cnpm中转一下. 若不想修改npm的配置, 可以通过cnpm install axios来安装, 并将cnpm设置为淘宝的镜像:
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm config get registry # https://r.npm.taobao.org/
查看/设置npm镜像
npm config get registry
npm config set registry https://registry.npm.taobao.org
六. npx工具
npm5.2之后自带的一个命令
npx的作用:
- 使用npx来调用项目中某个模块的命令
