从零到一：发布您的第一个NPM前端依赖包

目录

准备

1.创建一个vite项目

2.配置vite.config.ts

2.配置package.json

3.创建依赖包

index.ts

index.d.ts

4.发布

1.创建npm账号，如果有请忽略

2.在终端输入npm log进行登录

3.npm publish 发布就ok了

5.常见问题

1.You must sign up for private packages

2.提示RPC

3.其他问题

准备

上传到npm上需要将镜像源设置为npm官方源，也可以在项目中添加.npmrc文件如下图

设置该项目的npm源方便些

1.创建一个vite项目

可以看vite官方文档的命令

2.配置vite.config.ts

配置打包的基本配置

export default defineConfig({
  plugins: [vue()],
  base:'./',
  build:{
    target: 'modules',
    outDir:'dist',
    minify: true,
    lib: {
      entry: resolve(__dirname, 'lib/index.ts'),
      name: 'zztool',
      formats: ["es", "umd", "cjs"],
      // the proper extensions will be added
      fileName: 'zztool',
    },
    rollupOptions: {
      // 确保外部化处理那些你不想打包进库的依赖
      external: ['vue'],
    },
    terserOptions: {
      compress: {
        drop_cons