최진우.
최진우 블로그
최진우.
전체 방문자
19,053
오늘
8
어제
15
  • Category
    • Essay
      • startup
      • develop
      • travel
      • life
      • book
    • Dev
      • react
      • go
      • javascript
      • css
      • linux
      • python
      • algorithm
      • 3dsmax
      • cinema4d
      • ide
      • git
      • cloud
    • Tool
    • English

블로그 메뉴

  • About
  • Portfolio

인기 글

  • [2021 예비창업패키지] 2차 합⋯
    2021.05.30
    [2021 예비창업패키지] 2차 합⋯
  • [3dsMax python] Start up
    2021.02.24
  • [3dsMax Python] GUI with PySide2
    2021.03.23
  • 스크립트 기본
    2021.03.17
    스크립트 기본
  • [2021 실전창업교육] 1단계 후기
    2021.05.31
    [2021 실전창업교육] 1단계 후기

최근 댓글

  • 이후에 어떻게 되셨나요?
    ㅇㅇㅇㅇ

최근 글

  • span 이 display: block?
    2022.05.24
  • 영어공부
    2022.05.23
  • 미라클모닝 도전기
    2022.05.22
    미라클모닝 도전기
  • 내가 재밌게 본 넷플릭스 다큐
    2022.05.22
    내가 재밌게 본 넷플릭스 다큐
  • CRA Typescript strict of eslint
    2022.05.22
    CRA Typescript strict of eslint
hELLO · Designed By pronist.
최진우.

최진우 블로그

Dev/react

craco 사용하기

2022. 5. 4. 20:47

cra 로 react app 을 작성하게 되면, 경로가 마음에 드는대로 안된다. |
자세히는
1. 상대경로 됨
2.  src/dfdf/dfdf/dfdf src 부터 타고 내려와야해 

 

이런 귀찮음을 줄이기 위해서는 crago 를 사용하면 된다. 

 

const CracoAlias = require("craco-alias");

module.exports = {
  plugins: [
    {
      plugin: CracoAlias,
      options: {
        source: "tsconfig",
        baseUrl: "./src",
        tsConfigPath: "./tsconfig.extend.json",
      },
    },
  ],
};

craco.config.js 

 

내가 했던 컨피그 파일 

 

 

-------

 

{
  "compilerOptions": {
    "baseUrl": "./src",
    "paths": {
      "@app": ["./App.tsx"],
      "@pages/*": ["./pages/*"],
      "@components/*": ["./components/*"],
      "@utils/*": ["./utils/*"],
      "@styles/*": ["./styles/*"],
	    "@assets/*": ["./assets/*"],
	    "@config/*": ["./config/*"]
    }
  }
}

tsconfig.extend.json 

파일이다.

craco 설치랑 뭐 그런 과정은 검색해서 찾아보고

쫌 오래 됐지만, 내 기억으로는 마지막에 , 콤마 쓰면 에러없이 작동안되고 그랬던 것 같다.

    'Dev/react' 카테고리의 다른 글
    • CRA Typescript strict of eslint
    • useLayoutEffect 사용
    • axios 사용해보기
    • [react] 이미지 흐릿하게 나오는 경우
    최진우.
    최진우.
    우당탕탕 최진우의 세상만사  😎
    댓글쓰기
    다음 글
    다시 시작하는 블로그
    이전 글
    개인사업자 등록
    • 이전
    • 1
    • ···
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • ···
    • 109
    • 다음