导入深4个文件夹的文件

Question

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

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

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

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

这意味着将src，文件夹和资产再到名为Current.jpg的文件提高4个文件夹级别。

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

您如何遍历4个文件夹层？ 是否有一个技巧可以使深度超过2？

Answer 1

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

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

要整理这些导入，如果您正在使用webpack将别名添加到src/assets文件夹中，则可以查看webpack解析 ，以便执行以下操作：

import Current from 'Assets/Current.jpg

就像这样简单：

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

Answer 2

为什么不尝试import Current from '..../assets/Current.jpg';更改import Current from '..../assets/Current.jpg'; import Current from ../../../../assets/Current.jpg'; ？