导入4个文件夹深度的文件

Question

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

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

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

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

这意味着将4个文件夹级别升级到src,然后升级到资源,然后升级到名为Current.jpg的文件.

我一直收到错误,说路径不正确.

你如何遍历4个文件夹层？有没有一个技巧,你需要能够超过2？

Answer 1

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

您只需要上3个目录,然后将1下载到资产中.

要整理这些导入,如果您使用webpack为文件夹添加别名,则可以查看webpack resolve,src/assets以便您可以执行以下操作:

import Current from 'Assets/Current.jpg

它会很简单:

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