tsconfig里把@符合当成src

tsconfig.json 文件中的 "baseUrl" 和 "paths" 属性可以用来配置 TypeScript 项目中的模块路径映射，使得在代码中使用 import 语句时可以使用自定义的模块名称和路径。

例如，可以将 "@" 符号映射为项目根目录下的 "src" 目录：

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

这样，在代码中就可以使用 "@/" 开头的模块路径了：

import { foo } from '@/utils/foo';

这个路径会被解析为 "./src/utils/foo"。

相关问题

tsconfig.json 怎么配置 @别名

要在 TypeScript 项目中配置别名，你需要修改 `tsconfig.json` 文件。以下是一种常见的配置方式：

首先，在 `tsconfig.json` 文件中找到 `compilerOptions` 字段，然后添加一个新的字段 `paths`，它是一个对象，用于配置别名与对应的路径：

{
  "compilerOptions": {
    // 其他的配置项...
    "paths": {
      "@/*": ["src/*"]
    }
  }
}

上述配置中，我们使用 `@/*` 作为别名，表示以 `@/` 开头的路径。`src/*` 是实际文件所在的相对路径。你可以根据自己的项目结构进行相应调整。

接下来，当你在代码中引用模块时，可以使用 `@/` 作为别名来代替实际的路径。例如：

import { SimpleState } from '@/stores/simple-state';

这样配置后，TypeScript 编译器会将 `@/` 替换为 `src/` 路径，并找到对应的模块。

请确保在修改完 `tsconfig.json` 后重新编译你的 TypeScript 代码，以使配置生效。

注意：你可能还需要在编辑器（如 VS Code）中配置别名支持，以便在代码编辑时获得正确的路径解析和自动补全功能。这通常需要编辑 `.vscode/settings.json` 文件并添加以下配置：

{
  "typescript.preferences.importModuleSpecifier": "non-relative"
}

以上是一种常见的配置方式，具体的配置可能因项目而异。你可以根据你的项目结构和需求进行相应的调整。

tsconfig.json里面怎么配置

tsconfig.json是TypeScript项目的配置文件，可以用来配置编译器的行为。

以下是一些常用的tsconfig.json配置选项：

1. "target": 指定编译后的JavaScript版本，如"es5"、"es6"等。
2. "module": 指定编译后的JavaScript模块系统，如"commonjs"、"umd"、"es2015"等。
3. "outDir": 指定编译后的输出目录。
4. "sourceMap": 是否生成source map文件。
5. "strict": 是否启用严格模式。
6. "noImplicitAny": 是否禁止使用any类型。
7. "esModuleInterop": 是否启用ES模块interop。
8. "declaration": 是否生成.d.ts声明文件。
9. "watch": 是否启用监听模式。

这些选项可以通过在tsconfig.json文件中设置相应的属性来进行配置。例如：

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "outDir": "dist",
    "sourceMap": true,
    "strict": true,
    "noImplicitAny": true,
    "esModuleInterop": true,
    "declaration": true
  },
  "include": [
    "src/**/*"
  ]
}

其中，"compilerOptions"属性用来配置编译器选项，"include"属性指定需要编译的源代码文件路径。