gulpfile.js for bootstrap 4

gistfile1.txt

npm init
npm i gulp browser-sync gulp-sass --save-dev
npm i bootstrap jquery popper.js --save

gulpfile-bootstrap

const gulp = require("gulp");
const browserSync = require("browser-sync").create();
const sass = require("gulp-sass");

// Compile sass and inject
gulp.task("sass", () => {
  return gulp.src(["node_modules/bootstrap/scss/bootstrap.scss", "src/scss/*.scss"])
    .pipe(sass())
    .pipe(gulp.dest("src/css"))
    .pipe(browserSync.stream());
});

// Move the js files to /src/js dir
gulp.task("js", () => {
  return gulp.src(["node_modules/bootstrap/dist/js/bootstrap.min.js", "node_modules/jquery/dist/jquery.min.js", "node_modules/popper.js/dist/umd/popper.min.js"])
    .pipe(gulp.dest("src/js"))
    .pipe(browserSync.stream());
});

// Static server + watching scss/html
gulp.task("serve", ["sass"], () => {
  browserSync.init({
    server: "./src"  
  });

  gulp.watch(["node_modules/bootstrap/scss/bootstrap.scss", "src/scss/*.scss"], ["sass"]);
  gulp.watch("src/*.html").on("change", browserSync.reload);
});

gulp.task("default", ["js", "serve"])