무야홍 ~

에러 확인 webpack 을 활용해 프로젝트 구현을 마치고 npm run build 를 입력했을때의 출력창 이다. 프로퍼티 Plugins 가 뭔지 알 수 없다는 ? 의미인것같다. Reference를 확인해보니 다음과 같은 에러는 오타인 경우가 대부분인것같다. 수정 전 수정 후 에러 해결 Plugins → plugins 로 변경 (대문자 → 소문자) npm run build Reference https://inkor.tistory.com/m/143 https://www.inflearn.com/questions/24678/npx-webpack-%EC%97%90%EB%...

npm package.json 에서 패키지의 버전을 관리하다 보면 ~1.0.1 이나 ^12.1.2 과 같은 것을 볼 수 있다. 위 명령어로 prettier 를 설치 해 주었다. 가만히 보니 다른 패키지들과 다른 점이 보인다. 바로 버전 앞에 ^ 모양이 없다. 이는 캐럿 이라는 단어로 패키지가 업데이트 되었을 때 (npm i 등) 마이너 버전에 한해 업데이트를 허용한다는 의미이다. 즉, 업데이트를 원하지 않을 경우 옵션을 추가하여 캐럿이 없이 패키지 설치가 가능하다. —save-exact 옵션을 추가하지 않고 설치하게 되면 캐럿이 추가된다.

프로젝트 생성 프로젝트 진행을 위해 빈 디렉토리를 생성하고 npm init -y 명령을 통해 package.json 파일을 생성한다. 패키지 설치 다음으로 아래 명령어를 통해 webpack 관련 패키지를 설치해준다. npm i -D webpack webpack-cli webpack-dev-server 명령어에 쓰여진 -D 옵션은 package.json 의 devDependencies 에 추가하겠다는 의미이다. 패키지 버전 관리 npm 명령어로 설치한 패키지의 버전과 강의에서 사용한 버전이 일치하지 않는다. 이 때, 아래와 같이 package.json 의 버전을 직접 ...