#公共文件

公共文件是指在多个页面中共享的图片资源文件，如：logo.png banner.jpg 等。

此类文件不需要经过构建器打包, 直接放置在 public/ 目录下即可。

#目录结构

public 目录与 src 目录同级, 其结构如下:

public
└── images
    └── logo.png
src
  └── ...

#使用公共文件

使用公共文件时, 以 / 开头的绝对路径引用即可。不需要包含 public 目录名。

#在样式文件中使用

.logo {
    background-image: url('/images/logo.png');
}

#在脚本文件中使用

import { Image } from '@ray-js/ray';
import React from 'react';
export default function Page(props) {
  return <Image src={'/images/logo.png'} />;
};

#与编译文件的区别