发布npm库流程

初始化packge.json

npm init

配置package.json内容

{
  "name": "kkm-validate",//包名，需唯一且合法
  "version": "0.0.4",//版本号，每次npm publish推送都要比之前的大
  "main": "dist/kkm-validate.umd.js",//打包后构建的umd格式包
  "module": "dist/kkm-validate.es.js",//打包后构建的es6格式包
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "vite build"
  },
  "author": "KKM",
  "license": "ISC",//开源声明
  "description": "",//描述
  "dependencies": {
    "vite": "^6.2.2"
  }
}

打包配置，这里是用vite框架

npm i vite

配置vite.config.js内容

import { defineConfig } from 'vite';

export default defineConfig({
  build: {
    lib: {
      entry: 'src/validate.js',//入口文件
      name: 'kkm-validate',//包名，和package.json的一致
      fileName: (format) => `kkm-validate.${format}.js`,
      formats: ['es', 'umd'] // 明确指定构建格式
    },
    rollupOptions: {
      // 确保外部化处理那些你不想打包进库的依赖
      external: ['lodash'],
      output: {
        globals: {
          lodash: '_'
        }
      }
    }
  }
});

执行打包npm run build,生成dist文件

配置.npmignore发布忽略文件

登录npm，在终端执行npm login，跳转到浏览器登录，没有注册需先注册

npm login

登录报错可设置淘宝镜像

npm config set registry=http://registry.npmjs.org && npm publish

查看包名是否冲突

npm info 包名    //报错npm ERR! code E404错误说明没有被注册过

发布npm包，发布成功去官网查看

npm publish

测试npm i <你的包名>