.jsx 다른 클래스 import 할때 확장자 제거하기

import Counter from './Counter.jsx';

위에서 .jsx를 제거하면 아래와같은 에러가 난다. 

ERROR in ./MainPage.jsx
Module not found: Error: Can't resolve './Counter' in 'C:\project\demo\src\main\jsx'
 @ ./MainPage.jsx 23:0-32 50:64-71

webpack.config.js 에 아래내용 추가

module: {
        rules: [ {
            ...
            resolve: {
                extensions: [".js", ".jsx"]
            }
        }
		...
    }

이후 .jsx를 제거하면 정상적으로 출력됨.