vite将工具函数js打包为npm包并发布

创建vite项目，将vue依赖清除（因为是纯函数js）

npm create vite

package.json 中vue的依赖都删掉，把src、public等目录都删掉；

package.json文件如下

{
  "name": "tool",//npm包名
  "private": false,
  "version": "0.0.0",
  "type": "module",
  "main": "dist/tool.umd.js",
  "module": "dist/tool.es.js",
  "files": ["dist/*"],
  "scripts": {
    "build": "vite build"
  },
  "dependencies": {
  },
  "devDependencies": {
    "typescript": "^5.0.2",
    "vite": "^4.4.5"
  }
}

vite.config.ts文件如下

import { defineConfig } from 'vite'

export default defineConfig({
  plugins: [],
  build: {
    lib: {
      entry: 'tool/index.ts', // 工具库入口
      name: 'tool', // 工具库名称
      fileName: (format) => `tool.${format}.js`, // 工具库名称
    },
  },
})

函数文件封装

新建一个tool目录，创建一个index.ts,如果有多个函数库，可以统一在index中引入然后暴露出去；

import { a } from './a'
import { b } from './b'
import { c } from "./c"
import axios from './axios'


export default axios
export { a, b, c };

打包并发布 前提是你已经注册了npm并登录，其次要注意每次发布时要修改package.json里的版本号，否则不成功！并且要将npm配置为npm源。

npm run build
npm publish 

然后在另一个项目中就可以美美的使用啦

npm i tool
import axios, { a, b, c } from "tool"