javascript - 如何在使用格式为 `export` 的 Vite 构建时保持根级别 `esm`

Question

这是一个非常简单的要求，

希望建筑结果能保持export main.js 中的语句，

这样我就可以在 <script type="module"> 中加载脚本标记并获取导出的变量。

但是现在，构建结果保留了 import 语句，但是 export export default丢失了。

有什么想法吗？

// entry point 'main.js'
import { mount } from "./lifecycle";
export {mount};
export default mount();

// vite-config.js
export default defineConfig({
  plugins: [svelte()],
  build:{
    rollupOptions: {
      treeshake: false,
      output: {
        format: 'es'
      }
    }
  },
})

Answer 1

您可能正在寻找的是 preserveEntrySignatures .将其设置为 false 以外的值以保留导出。

export default defineConfig({
  // ...
  build:{
    rollupOptions: {
      preserveEntrySignatures: 'strict',
      // ...
    }

默认情况下，Vite 会将此设置为 false，除非它在库或 SSR 模式下运行。