コツコツと

[tsconfig] baseUrlを設定して、相対参照をスッキリさせる

March 15, 2021

tsconfig.jsonのbaseUrlを設定すると相対パスの../を省略できる。

# ディレクトリ構成
.
├── components
│   └── Layout.tsx
├── package.json
├── pages
│   ├── _app.tsx
│   └── index.tsx
├── src
├── tsconfig.json
// tsconfig.jsonの設定
{
  "compilerOptions": {
    ...省略
    "baseUrl": "."
  },
}

pages/index.tsxcomponets/Layout.tsxをimportする場合

// pages/index.tsx

// before
import Layout from "../components/Layout";

// after
import Layout from "components/Layout";

参考


© 2020 jiri3