我已经通过文件加载器使用webpack加载了图像，但是仅当我需要或导入图像时才可以。我想知道create-react-app如何实现其功能，在public存在的情况下，<img src="/images/myLogo.jpg" />文件夹中放置的所有内容都可以访问。
我的项目的结构如下
public/images/myLogo.jpg即使我在js文件中的任意位置，是否也可以使用src/
assets/
images/
fonts/
components/
index.js
index.html
webpack.config.js
package.json
和<img src="/assets/images..."将其解析为资源文件夹中的文件？还是至少不需要我导入这些资产文件的类似内容？
您可以在webpack中使用别名：
https://webpack.js.org/configuration/resolve/
module.exports = {
//...
resolve: {
alias: {
Assets: path.resolve(__dirname,'src/assets/'),Images: path.resolve(__dirname,'src/assets/images')
}
}
};
然后，您可以在代码中访问以下内容：
import myimpage from 'Assets/images/myimage.png'
import another from 'Images/another.png'
或图像：
<img src={require('Images/another.png')} />