我已经阅读了很多关于使用 Webpack 从公共(public)文件夹获取图像的帖子。但是,如果没有 Webpack,是否仍然可以这样做?
我的代码结构:
./public/logo.png
./src/../source_file.js (which renders an <img> and that needs to be pointed to the logo image
我试过 import img from './logo.png'
但这不起作用。还尝试了相对路径,但 reactjs 阻止我导入 src
文件夹之外的任何内容。
最佳答案
只要您的 package.json 位于根目录下,它就可以工作:
import logo from '../../public/logo.png';
const MyComponent = () => (<div>
<img src={logo} alt={"logo"} />
</div>);
export default MyComponent;
否则,假设您正在复制 /public
文件夹到你的网络服务器的根目录,你也可以简单地做 <img src="/logo.png" alt="logo">
关于javascript - 如何在不使用 Webpack 的情况下从公共(public)文件夹获取图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51505427/