inflearn logo
강의

Course

Instructor

Interactive 3D Web Development Learning with React Three Fiber (R3F)

alias configuration

문제 해결했습니다.

Resolved

203

lmj5929naver5810

2 asked

0

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react-swc'
import path, {resolve} from 'path'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  // resolve:{
  //   alias: [
  //     {
  //       find: "@src",
  //       replacement: path.resolve(__dirname, "src")
  //       // @src 를 쓰면 src 폴더를 의미하게 된다.
  //       // ../../ 이런거 안 써도 된다.
  //     },
  //     {
  //       find: "@components",
  //       replacement: path.resolve(__dirname, "src/components")
  //     }
  //   ]
  // }
  resolve: {
    alias: {
      '@components': path.resolve(__dirname, 'src/components'),
      '@src': path.resolve(__dirname, 'src')
    }
  }
})

chatGPT 가 알려줬어여 ㅎㅎ

javascript react typescript 인터랙티브-웹 three.js webgl react-three-fiber

Answer 1

0

taejaehan

안녕하세요! 이명재TV님 해결하셨다니 다행입니다 ㅎㅎ alias를 설정해두면 프로젝트에서 참 편하죠 !

ChatGPT는 역시 인간보다 빠르고 정확하군요 ㅎㅎ

저도 ChatGP를 자주 쓰고있는데요. 개념을 이해하시면서 ChatGPT와 같이 공부하시면 훨씬 능률이 좋을 것 같습니다! 다른 질문 있으시면 알려주세요! 감사합니다!

81강 실습 자료 없음

0

3

1

클로드 질문에서 줄 바꿈

0

1

1

2강 퀴즈를 푸려는데 자꾸 수강하지 않은 수업이있는데.. 다들었습니다 ㅜ

0

9

1

서브에이전트 실행중에도 대기해야 할까요?

0

8

1

소스코드 제공여부

0

15

2

궁금했던 질문입니다. 바로 콤마위치 입니다.

0

11

1

선생님 공유해주신 핸드북에 링크가 몇개 잘못되었어요

0

15

2

62강 실습자료가 잘못되었습니다.

0

16

1

코드 자료는 없는걸까요?

0

26

3

37강에서 ROADMAP.md 파일

0

26

2

.claude, setting~, permission 했을 때 Bash 안 보여요

0

21

2

[미션4] open with Live Server 클릭시 브라우저 안뜸

0

24

3

ai 도구 질문

0

85

1

오브젝트에의 이벤트 감지 vs 레이캐스팅

0

91

2

섹션 10을 들었을때 궁금증

0

111

2

material 파트까지 들은 후 생긴 궁금증

0

175

1

zoom과 fov의 차이점이 잘 이해가 안됩니다.

1

331

2

1강 관련하여 의견을 여쭙고 싶은 게 있습니다.

0

155

1

'JSX.IntrinsicElements' 유형에 'mesh' 속성이 없습니다. 경고 해결법

1

348

2

onClick 이벤트함수로 raycaster 방향이 자동으로 set되나요?

0

204

2

화면에 렌더링은 되는데 코드에서 빨간줄이 떠요

0

413

2

문제 있어요! alias Path @ 문제

0

496

2

dom / svg / canvas

0

244

1

물질을 클릭했을 때 이벤트

0

430

1