我如何拥有可在我的React应用程序中的任何文件中使用的资产文件,而不必始终导航到资产文件夹

问题描述

如何在我的应用内的任何目录中使用import "assets/css/" 而不是这个import "../assets/css/"

解决方法

它称为绝对路径导入

如果您使用create-react-app,请在项目的根目录中创建一个名为.env的文件,其中包含以下内容,然后重新启动开发服务器,您可以这样做:

NODE_PATH=src/

否则,将以下内容添加到webpack.config.jsModule Resolution):

resolve: { modules: [path.resolve(__dirname,'./src'),'node_modules'] };
,

我认为您可以使用postinstall

它允许您为应用程序中的不同文件夹创建别名。检查一下here

,

我认为您应该将文件保存在公用文件夹中,然后可以直接尝试而不导入。

参考:

https://stackoverflow.com/a/63961058/8425297