nodemon을 단순한 파일 감시자로 사용
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'
Reference
이 문제에 관하여(nodemon을 단순한 파일 감시자로 사용), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/yoskeoka/items/b01eb0a26fdb2b0b86f4
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
node-sass -o dist --output-style expanded --include-path src --watch src/test.scss
--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'
Reference
이 문제에 관하여(nodemon을 단순한 파일 감시자로 사용), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/yoskeoka/items/b01eb0a26fdb2b0b86f4
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
nodemon --ext js,jsx,scss,html --watch src -x 'npm run start'
Reference
이 문제에 관하여(nodemon을 단순한 파일 감시자로 사용), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/yoskeoka/items/b01eb0a26fdb2b0b86f4텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)