peco에서 npm-scripts를 매우 쉽게 실행하고 싶습니다.

npm scripts의 수가 늘어나면 그 명령은 뭐야? 그리고 package.json 를 열어 확인하는 것도 많아진다고 생각합니다. 그 작업이 번거롭게 되었기 때문에 peco를 사용해 개선해 보았습니다. 다음이 설치되어 있어야 합니다. package.json을 jq를 사용하여 성형했기 때문에 별도로 설치하고 있습니다. macOS에서 homebrew를 사용하는 경우 다음과 같이 설치할 수 있습...

npm-scripts자바스크립트Peco

[npm-scripts] sass/scss의 자동 컴파일과 browser-sync의 환경을 오랜만에 만들어 보았다 [이미지 있음]

이전에는 glup을 사용하고 있었습니다만, 최근에는 npm-scripts가 주류군요. 최근 우연히 HTML을 만들 수 있었기 때문에 드디어 기사로 보았습니다. 그래서 이번에는 npm-scripts를 사용하여 Sass/Scss 컴파일과 브라우저 동기화를 말합니다. 초기본적이지만, 사용할 수 있는 태스크 러너를 구축했습니다. 결국 실행하면 이런 느낌이 듭니다. html과 css가 변경 저장되면 ...

Sassbrowser-syncnpm-scripts작업 러너

npm-scripts로 pug를 compile

상당히 Static Html을 쓰지 않았는데, 오랜만에 조금 쓰게 되었기 때문에 여러가지 어떻게 할까 고민하고 Jade 만질까 생각했는데, 어느새 Jade(토끼)씨가 Pug(개)씨로 바뀌었다 있었습니다. 이름과 확장자, 일부 기능이 바뀌었을 뿐이므로 문서 사이트도 Jade 그대로입니다. 그러나 다음과 같이 node-module에 pug를 추가하고 npm-scripts로 compile하려고하면...

Jadenpmnpm-scriptspug

React 웹 앱의 AWS에 배포 스크립트를 만든 시행 착오 과정

React 소스 코드는 S3 Backet에 업로드 Backet은 CloudFront를 통해 게시합니다 스테이징 환경과 프로덕션 환경이 있다 불행히도 CI는 도입되지 않았으므로 수동으로 배포해야합니다. 스테이징 환경과 프로덕션 환경에 배포를 가능한 한 단순화하고 싶습니다. API의 방향을 변경하여 npm run build 해당 S3 버킷에 build한 파일을 업로드 CloudFront 캐시 비...

Reactnpm-scriptsCloudFrontS3AWS