inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Phát triển web 3D tương tác học bằng React Three Fiber (R3F)

thiết lập alias

문제 해결했습니다.

Đã giải quyết

195

lmj5929naver5810

2 câu hỏi đã được viết

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

Câu trả lời 1

0

taejaehan

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

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

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

슬슬 따라하기가 힘들어진다.

0

17

1

counter01.html은 어디있을까요?

1

8

1

[문의] 섹션 7 미션 진행 중...

0

16

1

기본 브랜치의 이름이 master에요.

0

18

1

관리자 페이지 질문

0

13

1

plans 생성이 안됩니다.

0

18

2

더빙에 어떤 ai가 쓰였는지 궁금합니다.

0

21

1

보안 적용에 대한 강의가 있을까요?

0

12

1

Auto-memory 기능

0

16

1

64강 context 7 관련 질문

0

17

1

Auto-memory 기능

0

17

0

55강 7분56초

0

16

0

ai 도구 질문

0

72

1

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

0

77

2

섹션 10을 들었을때 궁금증

0

99

2

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

0

164

1

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

1

310

2

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

0

146

1

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

1

326

2

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

0

193

2

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

0

391

2

문제 있어요! alias Path @ 문제

0

480

2

dom / svg / canvas

0

235

1

물질을 클릭했을 때 이벤트

0

412

1