vite打包库模式

1

mkdir vite-study
pnpm init
pnpm i vite --save-dev
mkdir lib && touch lib/main.js vite.config.js index.html

2 把下面代码添加到vite.config.js中

const path = require('path')
const { defineConfig } = require('vite')

module.exports = defineConfig({
  build: {
    lib: {
      entry: path.resolve(__dirname, 'lib/main.js'),
      name: 'YOUR_LIBRARY_NAME',
      formats: ["es", "cjs", "umd", "iife"],
      fileName: (format) => `YOUR_LIBRARY_NAME.${format}.js`
    }
  }
});

3

在当前的index.html就可以调试了

总结

细节以后再补充不理解就留言