当前位置: 首页 > 面试题库 >

如何避免在create-react-app中使用相对路径导入(/../../../redux/action/action1)

丁承德
2023-03-14
问题内容

我一直在使用create-react-app包创建一个React网站。我在整个应用程序中都使用相对路径来导入组件,资源,redux等,例如,import action from '../../../redux/action

我尝试使用module-alis
npm软件包,但没有成功。是否可以根据文件夹名称或别名(即绝对路径)导入任何插件?

例如,import action from '@redux/action'import action from '@resource/css/style.css'


问题答案:

.env在项目根目录中创建一个名为的文件并写入:

NODE_PATH=src

然后重新启动开发服务器。您应该能够在src没有相对路径的情况下导入任何内容。

注意:我不建议您调用文件夹,src/redux因为现在redux导入是否指向您的应用程序或库都令人困惑。相反,您可以调用文件夹src/app并从中导入内容app/...

我们故意不支持自定义语法,@redux因为它与Node解析算法不兼容。



 类似资料:
  • Create React Redux App Structure Create React + Redux app structure with build configurations. What can I find here? Express, Cors React + Redux, ES6, async/await Web Components (Custom Elements) inte

  • 问题内容: 根据Dan Abramov 的推文,CSS模块支持位于create- react-app(CRA)中。只需扩展其样式表即可启用该功能,但这对我不起作用。我的版本为1.1.4 。如何使用CRA启用CSS模块?谢谢 问题答案: 您无需弹出。 从版本2开始,Create React App就立即支持CSS模块,该版本现已稳定。 通过运行或升级到v2()。 您只需要创建带有扩展名的文件 例如:

  • 过去,每当我想在Node.js应用程序中拥有相对路径时,我都会使用。如果我通过格式使用ES模块,在某个目录路径变为相对路径时,我如何具有相同的功能? 另一种方法是,我是否能够将别名分配给目录,使所有相对路径都与该别名相关,就像是相对于当前目录的路径的别名一样。

  • 问题内容: 我有一个生产和开发服务器。问题是目录结构。 发展: 生产: 我如何在两个服务器上使用一个in 文件夹来使用该属性的相同路径?我可以在相对路径中使用技巧吗? 问题答案: 该URL 相对于CSS文件的位置,因此这应该对您有用: 相对URL返回两个文件夹,然后返回该文件夹-只要结构相同,它就适用于两种情况。 从https://www.w3.org/TR/CSS1/#url 部分URL是相对于

  • 问题内容: 我们在量角器上进行了大量的端到端测试。我们正在遵循Page Object模式,这有助于我们保持测试的清洁和模块化。我们还有一组帮助程序功能,可以帮助我们遵循DRY原理。 问题: 单个规范可能需要多个页面对象和帮助程序模块。例如: 你可以看到,我们有一个目录遍历在每一个需要声明:。这是因为我们有一个目录,其中将规范和多个目录存放在受测试的应用程序功能分组下。 问题: 解决量角器中相对路径

  • 问题 将代码组织成包,想用import语句从另一个包名没有硬编码过的包中导入子模块。 解决方案 使用包的相对导入,使一个模块导入同一个包的另一个模块 举个例子,假设在你的文件系统上有mypackage包,组织如下: mypackage/ __init__.py A/ __init__.py spam.py grok.py B/