@符号在react import语句中是什么意思

Question

我正在使用react js前端开发ruby on rails应用程序。

@在这里表示什么

import ProductCard from '@components/search/ProductCard';

Answer 1

如果您使用的是Typescript（标签建议您使用），则可以在tsconfig.json中设置“路径映射”

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@": ["./src"],
      "@/*": ["./src/*"],
      "@components": ["./src/components"]
    }
  }
}

在此处详细了解：https://www.typescriptlang.org/docs/handbook/module-resolution.html#path-mapping

Answer 2

这是一个别名，它指向您要导入的组件的根。这是表示整个路径的一种简短方法：'/.../.../components/search/ProductCard'。 对于您的情况，我想它也应像import ProductCard from '@ProductCard'一样工作。