能否让Astro组件全局可用？无需在MDX中每次手动导入

当然可以，Astro提供了MDX全局组件注入的方式，不用每次手动导入，具体操作如下：

1. 打开项目根目录的astro.config.mjs文件，找到或添加MDX集成配置，通过components字段注册全局组件：

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

export default defineConfig({
  integrations: [mdx({
    components: {
      // 将Note组件注册为全局可用
      Note: () => import('@components/Note.astro'),
      // 可继续添加其他需要全局注册的组件
      // Alert: () => import('@components/Alert.astro')
    },
  })],
});

2. 确保路径别名（比如@components）已在tsconfig.json或jsconfig.json中配置，若没配置也可以直接写相对路径：

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@components/*": ["src/components/*"]
    }
  }
}

配置完成后，你在任意MDX文件里直接用<Note>标签即可，无需再手动写导入语句。

内容的提问来源于stack exchange，提问作者Ingvi Jónasson