$ npm install grunt grunt-contrib-jade grunt-contrib-stylus \ > grunt-contrib-connect grunt-este-watch module.exports = (grunt) -> grunt.initConfig connect: server: options: # LiveReloadに必要なスクリプトを</body>直前に挿入してくれる # 多分grunt-contrib-connect ver.0.4.0から # HTML5などでbodyタグを書いていないと挿入してくれないみたい…… livereload: true esteWatch: options: # 監視対象のディレクトリ # ['./**']などとするとサブディレクトリを含むようになる dirs: ['.'] livereload: en
![grunt-este-watchとgrunt-contrib-connectで軽快ファイル監視とLiveReload - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/e832bc7058966376bdd536792decbbb1267aee8b/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9Z3J1bnQtZXN0ZS13YXRjaCVFMyU4MSVBOGdydW50LWNvbnRyaWItY29ubmVjdCVFMyU4MSVBNyVFOCVCQiVCRCVFNSVCRiVBQiVFMyU4MyU5NSVFMyU4MiVBMSVFMyU4MiVBNCVFMyU4MyVBQiVFNyU5QiVBMyVFOCVBNiU5NiVFMyU4MSVBOExpdmVSZWxvYWQmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWE2MmI5YjA0ODc4ZGIwMjU3Y2IzMjgxMWMzMmRmMjk0%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwc2FzYXBsdXMxJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1iNzM2YzYzYmRmYTRlYjQ2NzFhYzNhNjM3ZWYyMzYyYw%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D7a91724b5190bc751532a713e63460b9)