[Bug Report]: cannot use 'import.meta' outside a module

[9aoy]

System Info

System:

• OS: macOS 12.5.1
• CPU: (10) arm64 Apple M1 Pro
• Memory: 212.05 MB / 32.00 GB
• Shell: 5.8.1 - /bin/zsh

Binaries:

• Node: 16.19.1 - /usr/local/bin/node
• Yarn: 1.22.19 - /usr/local/bin/yarn
• npm: 8.19.3 - /usr/local/bin/npm

Browsers:

• Chrome: 111.0.5563.64
• Safari: 15.6.1

npmPackages:

• @rspack/cli: latest => 0.1.1

Details

runtime error when use some esm libs which have some import.meta syntax, like zustand

Reproduce link

https://github.com/9aoy/rspack-issue-reproduce/tree/main/import-esm

Reproduce Steps

1. pnpm install
2. pnpm dev
3. open the browser

[underfin]

Related webpack/webpack#15833, it should get more feedback from webpack community.

Here is wrokaround for this.

// rspack.config.js

{
        builtins: {
		define: {
			'import.meta.env && import.meta.env.MODE': "'development'"
		}
	},
}

[hardfist]

it seems webpack already supports import.meta.env.MODE