craco-alias

• craco는 eject를 사용하지 않고 cra의 설정을 편리하게 변경해주는 패키지이다.
• craco-alias는 ../ 와 같은 패스를 alias를 이용해서 지정하게 해주는 craco 플러그인이다.

alias를 사용해서 path를 지정할때 craco-alias를 사용한다.

설치

yarn add -D craco-alias

세팅

craco 를 이용해서 빌드할때 alias로 지정한것을 설정해줘야한다.

// craco.config.js
module.exports = {
  plugins: [
    {
      plugin: CracoAlias,
      options: {
        source: "options",
        baseUrl: "./src",
        aliases: {
          "~": ".",
        },
      },
    },
  ],
};

cra typescript를 이용할때는 tsconfig.json이라는 파일이 있을텐데 이 곳에서 설정을 해줘야한다.

// tsconfig.json
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "~/*": ["./src/*"],
    },
    ...
  }