【webpack】 빌드 전에 rimraf로 출력처 디렉토리를 깨끗하게 한다

webpack으로 빌드되는 파일을 관리하기 위해,
출력처의 디렉토리를 일단 깨끗하게 하고 나서 빌드하는 방법을 배웠으므로 비망록.

결론 nmm에서 rimraf를 설치하여 UNIX 명령 rm -rf를 사용할 수 있습니다.

소개

npm 또는 yarn으로 패키지를 설치합니다.

npm add rimraf --dev  

참고 : rimraf - npm

실용적인 사용법

개발과 프로덕션으로 빌드의 설정을 바꾸는 것이 일반적일까 생각하기 때문에,
package.json에서 scripts 명령을 정의하면 이런 느낌일까 생각합니다.

package.json

"scripts": {
    "cleanup": "npx rimraf ./public", // public配下をキレイにします
    "dev": "npm run cleanup && npx webpack --config ./webpack.dev.js",
    "build": "npm run cleanup && npx webpack --config ./webpack.prod.js"
  },

npm run dev를 한 후


npm run build를 실행하면


초기화된 public에 새로운 청크가 생성되고 있네요.