Browser-sync와 npm-run-all로 zen-cli의 미리보기를 다시 불러오기

추기
대응하는 것 같아.
이미 같은 기사가 나왔지만 절반만 쓰고 공개됐다.
이렇게 저장하면 다시 불러올 수 있습니다.

package.제이슨의 내용은 이런 느낌이다.

  "scripts": {
    "start": "npm-run-all -p watch:*",
    "watch:zenn": "zenn preview -p 8000",
    "watch:sync": "browser-sync start --port 8080 --files \"articles/\" --no-open --proxy \"http://localhost:8000\"",
    "new": "zenn new:article --published false"
  },
  "devDependencies": {
    "browser-sync": "^2.26.12",
    "npm-run-all": "^4.1.5",
    "zenn-cli": "^0.1.22"
  }

위 내용을 복사한 후 아래 명령을 사용하여 테스트할 수 있습니다.

npm i
npm start

구조

npm-run-all에서zen-cli와browser-sync

를 동시에 실행

브라우저-sync의 프록시 기능을 통해browser-sync에서zen-cli의 미리보기

브라우저-sync의 기능을 이용하여articles 이하를 감시하고 다시 읽기

npm-run-all과 브라우저-sync를 조합하면 다른 설정 파일을 준비하지 않고 핫 리셋을 재현할 수 있습니다. 매우 편리하니 꼭 시도해 보십시오.

Reference

이 문제에 관하여(Browser-sync와 npm-run-all로 zen-cli의 미리보기를 다시 불러오기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://zenn.dev/thesacredlipton/articles/c71e727d9d52ef4c23b2

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다