Week Six ➙ Iron Yard Tutorial Journal

June 5, 2015

Because who likes constantly hitting refresh?

Install browser-sync (most conveniently with the Node.js package manager NPM)
- npm install -g browser-sync
to watch files, the longhand CLI-command is browser-sync start --server --files FILES/RELATIVE/PATHS (it is possible to do proxy or complex paths as well, only be mindful that you are in the root directory of the project you want to watch/run files in with browser-sync to avoid problems as it cannot watch below the “root” from which it is being run as far as I know)
for convenience, after you npm init, edit your package.json file with some custom scripts to run browser-sync more easily and watch or open more files automatically; these paths and scripts will naturally vary depending on the particular file structure of the project, but the following example is illustrative (use * for all files in a directory or of a certain extension type):
```
"scripts": {
 "test": "browser-sync start --server --files='js/*.js,test/index.html,test/spec/**/*.js' --startPath test/index.html",
 "start": "browser-sync start --server --files='index.html,css/*.css,js/*.js'"
  },
```

B.F. Griffith