Skip to content

Npm

npm 安装使用流程

  1. 当你执行 npm install lodash 命令时
  • npm 会访问注册表(registry)查找 lodash 包信息
  • 下载包的压缩文件到本地
  • 将包解压到项目的 node_modules 目录中
  • 在你的项目的 package.json 中添加对应的依赖关系
  1. 包的存储结构
text
node_modules/
  ├── lodash/
  │   ├── lodash.js     # 主要入口文件(由package.json中的main字段指定)
  │   ├── package.json  # 包自己的配置文件
  │   └── ...          # 其他相关文件
  1. 项目使用
javascript
import _ from 'lodash'
// 或者只导入需要的部分
import { map } from 'lodash'

const array = [1, 2, 3]
const doubled = map(array, (x) => x * 2)

发布 npm 包

  1. 首先有自己的 npm 账号
  2. 在创建 demo 文件夹后 npm init 进行初始化操作
  3. 一路回车即可,也可以自定义包的内容
json
{
  "name": "zrt-npm",
  "version": "1.0.1",
  "description": "发布包",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "repository": {
    "type": "git",
    "url": ""
  },
  "author": {
    "name": "cherryyy",
    "email": "15970334351@163.com"
  },
  "license": "MIT"
}
  1. 接着在 demo 文件夹里创建一个 index.js,随便写几行代码
javascript
;(function (global, factory) {
  typeof exports === 'object' && typeof module !== 'undefined'
    ? (module.exports = factory())
    : typeof define === 'function' && define.amd
    ? define(factory)
    : (global.moduleName = factory())
})(this, function () {
  var test = {
    sayHi: function () {
      console.log('i am cherry!')
    },
  }

  return test
})
  1. 填写账号密码

    第一次发布:npm adduser 填写 npm 账号,密码,邮箱,验证码 即可 非第一次发布包:npm login 填写 npm 账号,密码和邮箱即可。

  2. 然后就可以发布自己创建好的包

    npm publish

  3. 后续更新已经发布的包,改下版本号再运行 npm publish即可