NPM 스크립트를 사용하여 기본 CSS 및 JS 빌드를 설정하는 데 도움이 필요합니다.

안녕,

당신의 도움이 필요합니다. 개인 프로젝트를 위해 Sass와 JS ES6+를 컴파일하고 축소하기 위한 매우 기본적인 npm 스크립트 세트를 설정하고 싶습니다.

지금까지 내 Google 검색은 최소한 나에게는 기본 요구 사항을 따르고 리팩토링하기 어려운 오래된 게시물과 복잡한 빌드만 제공합니다. 예를 들어 대부분의 게시물이나 비디오 자습서는 더 이상 사용되지 않고 모듈과 함께 작동하지 않는 uglify를 사용하므로 대신 Terser를 사용하고 있습니다.

이것은 내가 지금까지 가지고있는 것입니다.

"scripts": {
    "devserver": "live-server --open=/dist/",
    "sass": "node-sass scss/ -o dist/css/ -w",
    "terser": "terser js/index.js -c -m -o dist/js/index.js",
    "watch:sass": "onchange scss/*.scss -- npm run sass",
    "watch:js": "onchange js/*.js -- npm run terser",
    "start": "npm-run-all --parallel devserver watch:*"
},
"devDependencies": {
    "node-sass": "^4.14.1",
    "npm-run-all": "^4.1.5",
    "terser": "^5.1.0"
}

모든 도움, 포인터 및 제안에 감사드립니다.