如何配置实现导入"MyComponent"而非"MyComponent/MyComponent"？

完全可以通过tsconfig.json的路径配置实现，而且不用一个个手动加映射——利用通配符就能批量处理你这种「目录名和文件名完全一致」的场景。

举个例子，假设你的组件都放在src/components目录下，修改tsconfig.json的compilerOptions：

{
  "compilerOptions": {
    "baseUrl": "./src", // 设定路径解析的基准目录
    "paths": {
      "@components/*": ["components/*/*"]
    }
  }
}

这样你只需要写import MyComponent from "@components/MyComponent"，TypeScript就会自动解析到src/components/MyComponent/MyComponent.ts。

如果你的组件目录不在src/components，调整baseUrl和paths里的路径对应关系就行。

另外要注意两点：

• 要是用了webpack、Vite这类构建工具，得同步在它们的配置里加对应的别名规则，不然打包阶段会找不到文件
• baseUrl必须配置正确，它是所有路径映射的基准

内容的提问来源于stack exchange，提问作者d3nigma