vite - Vite的build打包方法中的ssr属性代表什么？

Question

在vite中有一个build的打包方法，下面我来叙述一下我的问题首先是入口文件：

我们可以通过以下方式来使用build函数

const resp = await build({    mode: 'production',    root,    build: {        ssr: false,        outDir: join(root, '../build'),        plugins: [            pluginReact()        ],        rollupOptions: {            input: join(root, 'entry.jsx'),            output: 'esm'        }    }})

我们通过entry.jsx进入开始打包，然后向build目录输出；下面重点是ssr这个选项如果ssr为false:那么resp输出是这样的：

其中的code还有一大堆，为何会这样呢？这里吗的输出结果是什么？如果ssr为true:那么resp输出是这样的：

{    output: [        {            exports: [Array],            facadeModuleId: 'D:\\font\\Test\\viteTest\\docs\\entry.jsx',            isDynamicEntry: false,            isEntry: true,            isImplicitEntry: false,            modules: {},            name: [Getter],            type: 'chunk',            code: 'import { useState } from "react";\n' +                'function A() {\n' +                '  return /* @__PURE__ */ React.createElement("div", null, "AAA");\n' +                '}\n' +                'function App() {\n' +                '  const [c, setC] = useState(1);\n' +                '  return /* @__PURE__ */ React.createElement("div", null, "APP", c, /* @__PURE__ */ React.createElement("button", { onClick: () => setC((i) => i + 1) }, "ADD"), /* @__PURE__ */ React.createElement(A, null));\n' +                '}\n' +                'export {\n' +                '  App\n' +                '};\n',            dynamicImports: [],            fileName: 'entry.mjs',            implicitlyLoadedBefore: [],            importedBindings: [Object],            imports: [Array],            map: null,            referencedFiles: [],            viteMetadata: [Object]        }    ]}

请问这两种打包结果有什么区别？

希望了解vite中build方法的ssr属性

Answer 1

主要用于配置服务器端渲染的代码包，详见：vite 官方中文文档