我正在尝试弄清楚如何在 src/assets 文件夹中导入文件。该文件名为 Current.jpg。
我想要使用该图像的文件位于 src/components/footer/overview 文件夹中。
对我来说,这意味着我应该能够写:
import Current from '..../assets/Current.jpg';
这意味着向上 4 个文件夹级别到 src,然后到 asset,然后到名为 Current.jpg 的文件。
我不断收到错误消息,指出路径不正确。
如何遍历 4 个文件夹层?是否有一个技巧需要能够比 2 更深?
最佳答案
从“../../../assets/Current.jpg”导入 Current
您只需向上 3 个目录,然后向下 1 个目录进入 Assets 。
要整理这些导入,您可以查看 webpack resolve如果您使用 webpack 将别名添加到 src/assets 文件夹,那么您可以执行以下操作:
从“Assets/Current.jpg”导入 Current
这很简单:
resolve: {
alias: {
Assets: path.resolve(__dirname, 'src/assets')
}
}
关于reactjs - 导入 4 个文件夹深的文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48999827/