wehub-resource-sync
51 lines
964 B
Markdown
51 lines
964 B
Markdown
# Astro Guide
|
|
|
|
## As a script tag
|
|
|
|
Add the script tag to your root layout.
|
|
|
|
Refer to the [CDN Guide](https://github.com/aidenybai/react-scan/blob/main/docs/installation/cdn.md) for the available URLs.
|
|
|
|
```astro
|
|
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<script is:inline src="https://unpkg.com/react-scan/dist/auto.global.js" />
|
|
|
|
<!-- rest of your scripts go under -->
|
|
</head>
|
|
<body>
|
|
<!-- ... -->
|
|
</body>
|
|
</html>
|
|
```
|
|
|
|
## As a module import
|
|
|
|
Add the script to your root layout
|
|
|
|
```astro
|
|
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<script>
|
|
import { scan } from 'react-scan';
|
|
|
|
scan({
|
|
enabled: true,
|
|
});
|
|
</script>
|
|
<!-- rest of your scripts go under -->
|
|
</head>
|
|
<body>
|
|
<!-- ... -->
|
|
</body>
|
|
</html>
|
|
```
|
|
|
|
If you want react-scan to also run in production, use the react-scan/all-environments import path
|
|
```diff
|
|
- import { scan } from "react-scan";
|
|
+ import { scan } from "react-scan/all-environments";
|
|
```
|