webpack. 파일 대소문자 변경 방법

 

 

 

 

 

 

파일을 생성하고 빌드완료 후 작업 중간에 대소문자를 수정하는 경우 오류가 발생한다.

Apptest.jsx 파일 에서 AppTest.jsx 파일로 수정하고 싶은데 빌드 문제인거 같아서 webpack.config.js 파일을 확인해 보았다.

 

 

 

 

webpack

 

 

 

webpack.config.js

 

module.exports = {

mode: 'production',

entry: {

main: './src/index.js'

},

output: {

filename: 'js/bundle/[name].js',

chunkFilename: 'js/bundle/[name].bundle.js',

sourceMapFilename: 'js/bundle/[name].js.map',

libraryTarget: 'window',

path: path.resolve(__dirname, '../../src/main/webapp')

}

};

 

•  webpack.config.js
  • 자바스크립트 설정 파일

 

• entry
  • 빌드 대상이 되는 파일 경로

 

•  output
  • 빌드 결과를 저장하는 경로
  • 웹팩에서 빌드를 완료하면 output에 작성된 정보를 통해 빌드파일을 생성한다.
  • path 경로에 .jsx 에서 .js 형식으로 변환된 파일이 생성된다.   

 

• Plug-In
  • 빌드된 bundle 파일을 동적으로 특정 html 페이지에 추가 할 수 있으며 빌드 시에 js, css, html 등의 파일을 난독화 및 압축을 진행 할 수 있다. 

 

 

path: path.resolve(__dirname, '../../src/main/webapp')

 

 

[프로젝트경로]/src/main/webapp/js/bundle

path 경로를 확인하고 bundle 폴더에 접근하면 빌드가 완료된 bundle파일을 볼 수 있다.

 

 

src_view_[jsx파일 저장경로]_Apptest_jsx.js 파일 삭제

 

 

npm 빌드

 

 

AppTest.jsx 파일로 잘 로드된다.