<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Contents</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>

## 設定
- tsconfig.json
```js
{
"compilerOptions": {
...
"baseUrl": ".",
"paths": {
"@/components/*": ["src/components/*"],
...
}
}
```
- 使用
```js
import Profile from "@/components/partial/Profile";
```
## ref
- https://nextjs.org/docs/app/building-your-application/configuring/absolute-imports-and-module-aliases

</body>
</html>


## 設定
- tsconfig.json
```js
{
	"compilerOptions": {
	...
	"baseUrl": ".",
	"paths": {
		"@/components/*": ["src/components/*"],
	...
	}
}
```
- 使用
```js
import Profile from "@/components/partial/Profile";
```
## ref
- https://nextjs.org/docs/app/building-your-application/configuring/absolute-imports-and-module-aliases

加入import別名讓import更好看

- [設定](#%E8%A8%AD%E5%AE%9A)
- [ref](#ref)

{
    "compilerOptions": {
    ...
    "baseUrl": ".",
    "paths": {
        "@/components/*": ["src/components/*"],
    ...
    }
}


import Profile from "@/components/partial/Profile";


https://nextjs.org/docs/app/building-your-application/configuring/absolute-imports-and-module-aliases