reactjs - react import 语句中的@符号是什么意思

Question

我正在开发一个带有 react js 前端的 ruby​​ on rails 应用程序。

@在这里表示什么

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

标签： reactjstypescript

Answer 1

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

如果您使用的是 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但在给定的情况下这不太可能。