## Speedup Node.js web app development workflow with gulp, gulp-nodemon, browser-sync

_by __nguyentd___

```
npm i -g gulp-cli
```

```
cd ~/Projects/node-js-app
npm i -D gulp gulp-nodemon browser-sync
touch gulpfile.js
```

```javascript
const gulp = require('gulp')
const nodemon = require('gulp-nodemon')
const browserSync = require('browser-sync').create()
```

```javascript
gulp.task('nodemon', () => {
  return nodemon({
    script: 'app.js'
  })
})
```

```javascript
gulp.task('nodemon', (callback) => {
  let isCallbackCalled = false
  return nodemon({
    script: 'app.js'
  }).on('start', () => {
    if(!isCallbackCalled) {
      callback()
      isCallbackCalled = true
    }
  })
})
```

```javascript
gulp.task('browser-sync', ['nodemon'], () => {
  browserSync.init({
    proxy: 'localhost:6969',
    port: 5969
    files: [
      './src/views/*.*',
      './public/*.css'
    ]
  })
})
```

```javascript
gulp.task('default', ['browser-sync'], () => {})
```

```
gulp
```