为何 vite lib 打包 react 组件出现 dev 跟 prod 两个 Runtime?

我尝试使用 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 才对的,不知道为何两个都打包了,求教!!!

image.png

阅读 959
1 个回答

因为lib是给别人调用的库,别人调用时如果是dev模式,那么用打包出的dev模式库才能有开发时的调试功能

推荐问题
logo
Microsoft
子站问答
访问
宣传栏