组件打包发布到npm

71 阅读 0 评论 47 点赞

我是靠谱客的博主虚心眼神，最近开发中收集的这篇文章主要介绍组件打包发布到npm，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

项目根目录创建command目录，并在目录下新建build.js

项目根目录创建packages目录，并将要打包的内容写进packages目录

如果使用了TS，在packages目录下新建vue.d.ts文件

vue.d.ts

declare module "*.vue" {
    import { DefineComponent } from "vue"
    const component: DefineComponent<{}, {}, any>
    export default component
}

command/build.js

const path = require('path')
const { defineConfig, build } = require('vite')
const vue = require('@vitejs/plugin-vue')
const vueJsx = require('@vitejs/plugin-vue-jsx')
const fsExtra = require('fs-extra')
const fs = require('fs')

// 入口文件夹
const entryDir = path.resolve(__dirname, '../packages')
// 出口文件夹
const outDir = path.