reactjs - 导入 4 个文件夹深的文件

Question

我正在尝试弄清楚如何在 src/assets 文件夹中导入文件。该文件名为 Current.jpg。

我想要使用该图像的文件位于 src/components/footer/overview 文件夹中。

对我来说，这意味着我应该能够写:

import Current from '..../assets/Current.jpg';

这意味着向上 4 个文件夹级别到 src，然后到 asset，然后到名为 Current.jpg 的文件。

我不断收到错误消息，指出路径不正确。

如何遍历 4 个文件夹层？是否有一个技巧需要能够比 2 更深？

Answer 1

从“../../../assets/Current.jpg”导入 Current

您只需向上 3 个目录，然后向下 1 个目录进入 Assets 。

要整理这些导入，您可以查看 webpack resolve如果您使用 webpack 将别名添加到 src/assets 文件夹，那么您可以执行以下操作:

从“Assets/Current.jpg”导入 Current

这很简单:

resolve: {
    alias: {
        Assets: path.resolve(__dirname, 'src/assets')
    }
}