title: How can I use PHP with MDBootstrap (Pro) and Gulp 4?
body: <p>Quite new to Gulp and would like to integrate PHP includes using MDBootstrap.
  Here is part of my <code>gulpfile.js</code> if that helps any...</p>
  
  <pre><code>// Live Server
  gulp.task('live-server', function(done) {
    console.log("Restarting server...");
    browserSync.reload();
    done();
  });
  function initBrowser(){
    browserSync.init({
      server: {
        baseDir: "./dist/",
        directory: true
      },
      notify: false
    },function(){
      console.log("asdasd");
    });
  }
  // Watch on everything
  gulp.task('mdb-go', function(done) {
    initBrowser();
    gulp.watch("**/*", {cwd: './dist/'}, gulp.parallel('live-server'));
    gulp.watch("scss/**/*.scss", gulp.parallel('css-compile'));
    gulp.watch(["dist/css/*.css", "!dist/css/*.min.css"], gulp.parallel('css-minify'));
    gulp.watch("js/**/*.js", gulp.parallel('js-build'));
    gulp.watch(["dist/js/*.js", "!dist/js/*.min.js"], gulp.parallel('js-minify'));
    gulp.watch("**/*", {cwd: './img/'}, gulp.parallel('img-compression'));
  }); 
  </code></pre>
  
  <p><em>EDIT</em></p>
  
  <p>Directory structure:</p>
  
  <p><a href="https://i.stack.imgur.com/x5kjp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/x5kjp.png" alt="Directory structure"></a></p>
  
  <p>Top of gulpfile.js:</p>
  
  <p><a href="https://i.stack.imgur.com/eQp4k.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eQp4k.png" alt="img file"></a></p>
  
  <p>It works flawlessly but I <strong>need to use PHP</strong>. I made a hacky gulpfile in the meantime using <code>gulp-php-connect</code> but it does not concatenate or combine the scss files correctly. </p>
  
  <p>Perhaps someone knows how to integrate <code>gulp-php-connect</code> to make it work? </p>