Next.js项目TypeScript导入语句中@符号的含义及文档位置？

• @符号的含义：这是Next.js预配置的路径别名，用来简化项目内部文件的导入路径，避免使用冗长的相对路径（比如../../components/Symbol）。举个例子，@/components/Symbol会被解析为项目根目录下src/components/Symbol（如果项目有src文件夹），或者根目录直接下的components/Symbol（无src文件夹时）。

• 配置来源：这个别名的规则定义在项目的tsconfig.json（或jsconfig.json）文件的compilerOptions.paths字段中，默认配置类似：

  {
    "compilerOptions": {
      "paths": {
        "@/*": ["src/*"]
      }
    }
  }
  

  TypeScript本身支持通过paths配置路径别名，Next.js在创建项目时自动帮你完成了这个配置，所以IntelliJ IDEA能识别并在自动补全时使用该别名。

• 相关文档位置：这个特性属于Next.js的配置范畴，你可以在Next.js官方文档中搜索“Module Path Aliases”找到详细说明。之所以在TypeScript官方文档里找不到，是因为这是框架基于TypeScript特性做的封装配置，并非TypeScript原生自带的默认行为。

• 搜索技巧：搜索引擎忽略@符号时，你可以用引号包裹关键词，比如搜索"@ import next.js"或"typescript @ path alias"，就能精准找到相关内容。

内容的提问来源于stack exchange，提问作者Étienne Miret