title: Gulp Command Run Never Finish
body: <p>I have bought template MaterialPro from <a href="https://www.wrappixel.com/demos/admin-templates/material-pro/landingpage/index.html" rel="nofollow noreferrer">wrappixel</a> website. After I got the template package already, I have followed getting started installation from document attached with template as the  following:</p>
  <ol>
  <li>Install Node.js From <a href="https://nodejs.org/en/download/" rel="nofollow noreferrer">https://nodejs.org/en/download/</a></li>
  <li>Open terminal navigating to <code>material-pro/</code></li>
  <li>Install npm: <code>npm install --global npm@latest</code></li>
  <li>Install yarn: <code>npm install --global yarn</code></li>
  <li>Install gulp: <code>npm install --global gulp-cli</code></li>
  <li>Copy gulp: <code>gulp copy</code></li>
  </ol>
  <p>The <code>gulpfile.js</code> inside root template is like this:</p>
  <pre><code>//gulpfile.js
  console.time(&quot;Loading plugins&quot;); //start measuring
  const gulp = require('gulp'),
      minifyCSS = require('gulp-clean-css'),
      uglify = require('gulp-uglify'),
      rename = require(&quot;gulp-rename&quot;),
      sass = require('gulp-sass'),
      npmDist = require('gulp-npm-dist');
  console.timeEnd('Loading plugins');
  
  const sassFiles = 'src/assets/scss/*.scss',
      cssDest = 'dist/css/';
  
  //compile scss into css
  function style() {
      return gulp.src(sassFiles)
          .pipe(sass().on('error', sass.logError))
          .pipe(gulp.dest(cssDest));
  }
  
  //This is for the minify css
  async function minifycss() {
      return gulp.src(['dist/css/*.css', '!dist/css/**/*.min.css'])
          .pipe(rename({
              suffix: '.min'
          }))
          .pipe(minifyCSS())
          .pipe(gulp.dest(cssDest));
  }
  
  // This is for the minifyjs
  async function minifyjs() {
      return gulp.src(['dist/js/custom.js','dist/js/app.js', '!dist/js/custom.min.js',  '!dist/js/app.min.js'] )
          .pipe(rename({
              suffix: '.min'
          }))
          .pipe(uglify())
          .pipe(gulp.dest('dist/js'));
  }
  
  // Copy dependencies to ./public/libs/
  async function copy() {
      gulp.src(npmDist(), {
              base: './node_modules'
          })
          .pipe(gulp.dest('./src/assets/libs'));
  };
  
  async function watch() {
      gulp.watch(['src/assets/scss/**/*.scss'], style);
      gulp.watch(['dist/css/style.css'], minifycss);
      gulp.watch(['dist/js/**/*.js', '!dist/js/**/*.min.js'], minifyjs);
  }
  
  
  gulp.task('default', watch);
  
  exports.style = style;
  exports.minifycss = minifycss;
  exports.minifyjs = minifyjs;
  exports.copy = copy;
  exports.watch = watch;
  </code></pre>
  <p>After all, I made some changes to the template scss file, and run <code>gulp</code> command. At this point, the gulp command run never finished unitl now with output on terminal like this</p>
  <pre><code>Loading plugins: 539.410ms
  [17:01:03] Using gulpfile ~/Documents/documentation/materialpro-bootstrap-latest/material-pro/gulpfile.js
  [17:01:03] Starting 'default'...
  [17:01:03] Finished 'default' after 18 ms
  </code></pre>
  <p>What was going wrong with this? Please kindly help, thanks.</p>
  <p>P.S: Pls apologized if my question is incomplete or something, if I will try to add some more detail if suggested.</p>