mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-06 07:21:16 +08:00
841a55bd68
This snippet:
```
import { window } from 'global';
```
will let you mock window variables in Jest tests.
However, it breaks hot module reloading in Vite,
because Vite injects code snippets in top of every
file:
```
window.STUFF = 'Vite injected some HMR code here';
import { window } from 'global';
// this fails: Uncaught ReferenceError: Cannot access 'window' before initialization
```
The simple solution is to rename `window` when importing it:
```
import { window as globalWindow } from 'global';
globalWindow.alert('hello world');
```
The code works like before, but Vite will be able to
inject its code snippet without interfering with the
rest of the code.
6 lines
132 B
Plaintext
6 lines
132 B
Plaintext
```ts
|
|
// vue/src/client/preview/globals.ts
|
|
|
|
import { window as globalWindow } from 'global';
|
|
globalWindow.STORYBOOK_ENV = 'vue';
|
|
``` |