美文网首页
在React中使用绝对路径导入组件

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

作者: percykuang | 来源:发表于2020-05-29 17:31 被阅读0次

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

  1. 只需在jsconfig.json中,添加如下两个配置:
{
  ...
  "compilerOptions": {
    "baseUrl": "src"
  },
  "include": ["src"]
  ...
}
  1. 然后就可以绝对路径导入组件了
import React from 'react'
import Square from 'components/Square' // 不需要@/components/...了


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

export default App
  1. 自动导入时为绝对导入(针对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

相关文章

网友评论

      本文标题:在React中使用绝对路径导入组件

      本文链接:https://www.haomeiwen.com/subject/lfdfzhtx.html