/

Next.js 中的絕對導入

Next.js 中的絕對導入

如果我們在 Next.js 的 React 組件中可以避免使用相對路徑來導入,那該有多好呢?

所以,舉個例子:

1
import Layout from '../../components/layout'

我們可以直接這樣寫:

1
import Layout from 'components/layout'

這是可能的,它被稱為絕對導入

只需在項目的根目錄添加一個名為 jsconfig.json 的文件,並將其內容設置為:

1
2
3
4
5
{
"compilerOptions": {
"baseUrl": "."
}
}

這就是了,絕對導入就會開始工作。

tags: [“Next.js”, “React”, “絕對導入”]