在React中使用绝对路径导入组件

和Vue里单文件组件导入的方式不同，React不需要使用@符号。

1. 只需在jsconfig.json中，添加如下两个配置：

{
  ...
  "compilerOptions": {
    "baseUrl": "src"
  },
  "include": ["src"]
  ...
}

2. 然后就可以绝对路径导入组件了

import React from 'react'
import Square from 'components/Square' // 不需要@/components/...了


function App() {
  return (
    <div className="App">
      <span>hello</span>
      <Square />
    </div>
  )
}

export default App

3. 自动导入时为绝对导入（针对webstorm）

查看链接：https://intellij-support.jetbrains.com/hc/en-us/community/posts/360000613964-Typescript-How-to-auto-import-with-absolute-paths-if-baseUrl-is-set-in-tsconfig-json