反应导入语句中的@ 符号是什么意思

Question

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

@在这里代表什么

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

Answer 1

路径映射是指向特定文件夹的别名

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

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

这将为“@components”创建一个指向特定文件夹的别名。

在这里阅读更多相关信息：https ://www.typescriptlang.org/docs/handbook/module-resolution.html#path-mapping

其他可能性

它可能是一个类似作用域的包@types/xxx，但在给定的情况下这不太可能。