WebPack 확장자 처리

webpack에서 파일을 불러올때 확장자가 없으면 오류가 난다.

 

예를들어 loginBox라는 jsx 파일이 있고 그 파일을 불러오고자 한다.

 

import LoginBox from './loginBox'

 

하지만 이렇게 확장자 없이 불러오면 오류가 나서

 

import LoginBox from './loginBox.jsx'

 

이렇게 확장자 표시를 해줘야한다.

 

이때 확장자 표시가 없이 파일을 불러오기 위해서 webpack에서 처리를 해줄 수 있다.

 

webpack.config.js 파일에 이 구문만 추가해주면 첫번째 처럼 확장자가 적혀있지 않더라도 오류 없이 처리가 가능하다.

 

    resolve:{
        extensions:['.js','.jsx']
    },