nodemon을 단순한 파일 감시자로 사용

2256 단어 Sass그래서 몬
nodemon.js 파일을 감시 실행하는 것 외에도 사용할 수 있다는 내용.

샘플 코드는 여기.
htps : // 기주 b. 코 m / g 코카 / sc s p 등 c Chise

배경



sass 연습을 하려고 각 환경을 만들려고 했는데,
어쨌든 gem의 sass를 넣는 것을 싫어하고 node-sass로 변환하려고했습니다.
node-sass -o dist --output-style expanded --include-path src --watch src/test.scss

그런데 아무리 --watch 옵션을 붙여도, 최초의 기동시에 1번 변환하는 것만으로, 파일 변경해도 일절 반응해 주지 않았습니다. --watch 에 버그가 있는 것 같은 issue도 보였으므로, 포기하고 nodemon 에 파일 감시하게 하기로 했습니다.

nodemon을 파일 감시만 시키려면


--exec 옵션 사용 (짧은 옵션은 -x)

본래의 사용법은 node server.js 대신에 nodemon server.js 와 같은 상태로 실행하는 JavaScript를 건네줍니다만, 대신에 --exec 를 건네줄 수도 있습니다. 이번 예제라면 --exec로 실행하는 명령은 node로 시작하는 명령조차 없지만 문제 없습니다.
package.json 로 이동하고 싶은 명령과, 감시 첨부의 명령의 양쪽 모두를 정의합시다.
"scripts": {
  "sass": "node-sass -o dist --output-style expanded --include-path src src/test.scss",
  "watch:sass": "nodemon --ext scss --watch src --exec 'npm run sass'"
},

이것으로 무사, SCSS의 자동 변환이 되도록.


그 밖에도



궁리에 따라 개발시의 자동 리로드를 실현하기 위한 보조로서 사용할 수 있습니다.
일반적인 예에서는 node.js + Express 등으로 src 다음이 변경되면 npm run start
nodemon --ext js,jsx,scss,html --watch src -x 'npm run start'

좋은 웹페이지 즐겨찾기