------ ts.config 에서
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@/*": ["./*"]
},
"target": "es5",
"lib": ["dom", "dom.iterable", "esnext"],
"allowJs": true,
"skipLibCheck": true,
"strict": true,
"forceConsistentCasingInFileNames": true,
"noEmit": true,
"esModuleInterop": true,
"module": "esnext",
"moduleResolution": "node",
"resolveJsonModule": true,
"isolatedModules": true,
"jsx": "preserve"
},
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "pages/_document.js"],
"exclude": ["node_modules"]
}
------- .babelrc 에서
babel-plugin-styled-components 설치하고
{
"presets": ["next/babel"],
"plugins": [
["babel-plugin-styled-components", { "ssr": true, "displayName": true }],
[
"module-resolver",
{
"root": ["."],
"alias": {
"@": "./"
}
}
]
]
}
'Front-end' 카테고리의 다른 글
| 리스트 사이에 줄 삽입 (0) | 2021.07.08 |
|---|