页面专用脚本与样式

Methanol 内置支持页面级专属资源。它会自动检测并加载与页面文件同名且位于同目录下的脚本及样式文件。

机制详解

示例结构:

pages/
  guide/
    components.mdx
    components.css
    components.js

当渲染 /guide/components 路由时,系统将自动把 components.csscomponents.js 注入至页面的 <head> 中。

支持的文件扩展名

样式:

脚本:

使用示例

pages/
  about.mdx
  about.css
  about.ts

在这种配置下,about.cssabout.ts 将仅针对 /about 路由加载。

注意事项