gulp.dest不适用于gulp useref

Question

I'm trying to use gulp useref to merge my bower js files, app js files and css but its not working for me. My dest directory is always empty when i run gulp command

Here is my directory structure which is generated using yomean

   app
      bower_components
      main
      img
   dest
   gulp
   hooks
   node_modules

This is my index.html

<!-- build:js scripts/app.js -->
<!-- inject:js -->
<script src="app.js"></script>
<script src="main/main.js"></script>
<script src="main/constants/config-const.js"></script>
<script src="main/controllers/badge.controller.js"></script>
<script src="main/controllers/creation.controller.js"></script>
<!-- endinject -->
<!-- endbuild -->

My gulp.js looks like this

gulp.task('useref', function(){
     return gulp.src('app/main/*.html')
    .pipe(useref())
    .pipe(gulp.dest('dest'),{relative: true});
   });

useref task runs fine as i see it in my terminal console but for some reason dest directory does not have resultant file in it

Answer 1

For me this was all rev issues. Remove all local versions and -g versions of gulp-useref and make sure your local package.json devDependencies sections is list gulp-useref^3.0.0

  "devDependencies": {
      "gulp-useref": "^3.0.0",
      .  .  .  .  
  }

then from project home npm up --dev

I also updated gulp-cli and gulp to 4.0 while I was at it. I am a newbee so how will I every know if this is a mistake or not.

takes a while but it ended a day of fruitless head pounding with a satisfying result and bowl of Ben&Jerry's ice cream