如何禁止Astro为特定邮件模板页面注入脚本与样式？

我在Astro站点中添加了一个邮件模板页面/pages/email/[...slug.astro]，这个页面需要使用专属的内联样式，不需要任何额外脚本，但Astro始终会把站点全局的Tailwind样式、模块脚本等注入进来。开发模式下查看源码能看到这些内容，构建后也会在<head>里生成对应的链接：

这些内容来自Astro配置里的集成，以下是几种针对该页面禁用它们的方法：

方法一：使用Astro的isolate页面配置（推荐，Astro 2.1+） #

在邮件页面的Frontmatter中添加isolate: true，该配置会完全隔离当前页面，禁用所有全局集成、共享样式和脚本的注入：

---
import { getCollection } from 'astro:content'
isolate: true // 启用页面隔离

export async function getStaticPaths() {
  const blogEntries = await getCollection('posts', ({ data }) => {
    return import.meta.env.PROD ? data.draft !== true : true
  })
  return blogEntries.map(entry => ({
    params: { slug: entry.slug },
    props: { entry },
  }))
}

const { entry } = Astro.props
---

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>{entry.data.title}</title>
</head>
<body style="margin: 0; padding: 0 !important; mso-line-height-rule: exactly; background-color: #F3EFE7;">
    <h1 style="margin: 0 0 10px; font-size: 25px; line-height: 30px; color: #333333; font-weight: normal; font-family: serif;">{entry.data.title}</h1>
</body>
</html>

方法二：针对特定集成做路径排除 #

如果只需要禁用某一个集成（比如Tailwind）的注入，可以在Astro配置文件中指定排除路径。以Tailwind为例，修改astro.config.mjs：

import { defineConfig } from 'astro/config';
import tailwind from '@astrojs/tailwind';

export default defineConfig({
  integrations: [
    tailwind({
      // 排除所有邮件页面路径
      exclude: ['**/email/**/*.astro']
    })
  ]
});

这种方式适合需要保留其他全局资源，仅禁用部分集成的场景。

方法三：完全自定义页面结构（无布局依赖） #

如果你的站点全局使用了布局组件，确保邮件页面不引用该布局，完全自定义HTML结构，这样就能避免继承布局中引入的全局样式和脚本。

内容的提问来源于stack exchange，提问作者DShook