问题记录：Vite 处理 UMD 包生产环境和开发环境不一致

问题描述

条件

React JSX
Copy
import * as x from "build"

1. build 包为 umd 规范
2. build 包 只有一份 default 导出
3. 使用上面的方式进行引入

表现

JavaScript
Copy
console.log("Mode", import.meta.env.MODE)
console.log("x", x)

pnpm run dev 后 控制台可见

CODE
Copy
Mode development
x ƒ index() {
        console.log("hi");
      }

pnpm run build && pnpm run preview 后 控制台可见

CODE
Copy
Mode production
x
Module {Symbol(Symbol.toStringTag): 'Module', default: ƒ}

复现项目结构描述

项目可见

注意在构建环境的时候 build 用了 file 协议 通过 rollup 来进行构建生成的

注意若把 export.ts 加个导出

TypeScript
Copy
export const sum = () => {
  console.log("sum")
}

export default function () {
  console.log("hi")
}

dev 环境打印就变成了

CODE
Copy
Mode development
x {__esModule: true, default: ƒ, sum: ƒ}

调试 dev 环境要注意