如何在 React 或 Next.js 中使用绝对路径而不是相对路径?

我正在使用 React 并且我在多个高阶组件中使用了多个组件,我的导入有时会像这样import MyComponent from '../../../../components/MyComponent'我知道有一种更有效的方法可以通过更改 package.json 文件中的内容然后导入来导入它它有点像这样,import MyComponent from '@components/myComponent'但我不记得我该怎么做,我该怎么做?

沃尔佐艾特

你可以通过使用jsconfig或者tsconfig如果你正在使用 TypeScript来做到这一点

  1. 将 jsconfig.json 文件添加到项目的根目录。
  2. 在 jsconfig.json 文件中添加以下代码。
  3. 使用命令启动您的 React 应用程序npm start

jsconfig.json

{
  "compilerOptions": {
    "baseUrl": "src"
  },
  "include": ["src"]
}

如果您使用 Next.js,这可能会有所帮助https://nextjs.org/docs/advanced-features/module-path-aliases

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何使用相对路径而不是绝对路径

如何让 Unity 将输出 png 保存到相对路径而不是绝对路径?

如何在Expo和React Native中使用绝对路径导入?

如何在PowerShell中基于相对路径或绝对路径获取绝对路径?

我可以在Webpack开发服务器中使用相对路径-React JS

如何在Create React App项目中避免很长的路径并使用绝对路径?

如何在golang中解析相对路径到绝对路径?

如何在WordPress中将相对路径更改为绝对路径?

如何检查路径是绝对路径还是相对路径

如何使用Python以跨平台方式检查路径是绝对路径还是相对路径?

将Typescript绝对路径转换为Node.js相对路径?

如何在使用MVC的现有ASP.NET Core应用中使用React Router设置相对路径

如何将 IFileOperation 与相对路径和绝对路径一起使用?

如何使用pathlib在Python中获取两个绝对路径之间的相对路径?

MSBuild:给定绝对路径,如何获取文件的相对路径?

给定两个绝对路径,如何找到相对路径?

如何获取给定相对路径的绝对路径

如何从绝对路径和相对路径运行bash脚本

如何将绝对路径转换为相对路径?

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

如何在Linux中以编程方式获取给定相对路径的绝对路径?

如何在 .jsx 文件中将绝对路径更改为相对路径。(Photoshop 扩展脚本)?

使用React + Webpack时如何使用绝对路径导入自定义scss?

如何在 SQL - ODBC 中使用相对路径?

如何在Python中使用相对路径

如何在CodeIgniter中使用相对路径?

如何使用react-router v4重定向到绝对路径?

如何使用相对路径提取href的绝对URL?

如何可移植且可靠地将相对路径转换为绝对路径?