资源 URL 导入

app 文件夹中的任何文件都可以导入到您的模块中。Remix 将

将文件复制到您的浏览器构建目录
为文件进行指纹识别以进行长期缓存
将公共 URL 返回到您的模块，以便在渲染时使用

这对于样式表最常见，但可以使用定义的加载程序用于任何类型的文件。

import type { LinksFunction } from "@remix-run/node"; // or cloudflare/deno

import banner from "./images/banner.jpg";
import styles from "./styles/app.css";

export const links: LinksFunction = () => [
  { rel: "stylesheet", href: styles },
];

export default function Page() {
  return (
    <div>
      <h1>Some Page</h1>
      <img src={banner} />
    </div>
  );
}