我尝试使用 vite 的 lib 模式打包一个 react 组件,vite 配置如下:
import { defineConfig } from "vite";
export default defineConfig({
mode: "production",
plugins: [
react()
],
build: {
outDir: "dist",
lib: {
entry: "./src/UI.tsx",
name: "AppText",
formats: ['es'],
fileName: format => `index.${format}.js`
},
rollupOptions: {
external: ["react"],
output: {
globals: {
'react': "React"
}
}
},
}
})
打包出来似乎有两个 Runtime "react-jsx-runtime.development.js" 跟 "react-jsx-runtime.development.js",按照语义来说,我使用的是 "vite build",应该不是打包 dev runtime 才对的,不知道为何两个都打包了,求教!!!
因为lib是给别人调用的库,别人调用时如果是dev模式,那么用打包出的dev模式库才能有开发时的调试功能