If one organizes their Sass into subfolders, one must also update the gulpfile from gulp.watch('src/sass/*.scss' to gulp.watch('src/sass/**/*.scss' - I find though that this tiny change makes gulp recursively refresh every time the output CSS updates?! Not sure why that happens! haha

Please update font awesome to version 5

Thos chunk of code does not do the hob it is supposed to (replace HTML block for Js and Css file upon build):

// Replace HTML block for Js and Css file upon build and copy to /dist
gulp.task('replaceHtmlBlock', function () {
  return gulp.src(['*.html'])
    .pipe(htmlreplace({
      'js': 'assets/js/app.min.js',
      'css': 'assets/css/app.min.css'
    }))
    .pipe(gulp.dest('dist/'));
});

Hi, when I run gulp watch it's giving me error "task never defined watch" any idea?

Thanks!

Thanks for quick boilerplate,

When we run gulp build task index html get copied into dist folder but it shows 404 error for js file as in dist asset folder js file have min extension but same is not getting updated in index html

First of all - thanks for this!

When i run gulp dev and then change files I noticed it copies the bootstrap files over every time.
This means reload times can take seconds.

I patched it by running a separate css:minify task for dev and this task calls a separate scss task.

gulp.task('css:minify-dev', gulp.series('scss-dev', function cssMinify() {
  return ...
}));

The scss-dev task does not have the gulp.series('bootstrap:scss' ... in it
but there's probably a more elegant way.

Hello sir!

How to split html into layers or components, for example, connect header or footer from another html file? Which lines of code should be added to gulpfile.js and how to import other html files located in the created components folder into an html file? I need to connect a lot of individual html files. Task: Splitting one html file into several. Please write how this can be done, if it is not difficult for you to explain. Thank you in advance!

Hi,

Thanks for the wonderful boilerplate! Would it be possible to import selective Bootstrap JavaScript that go's to the dist/js/vendor/bootstrap.bundle.min.js and how can that be done in this setup?

Regards,
David

Followed your instructions on my mac. Could not get gulp to run, got error below.
Did some checking, and apparently i had to install gulp using npm install -g gulp-cli, which worked.

MacBook-Pro:bootstrap4 user$ gulp dev
[10:24:32] Using gulpfile ~/Projects/BootstrapCSS/bootstrap4/gulpfile.js
/Users/user/.npm-global/lib/node_modules/gulp/bin/gulp.js:129
gulpInst.start.apply(gulpInst, toRun);
^
TypeError: Cannot read property 'apply' of undefined
at /Users/user/.npm-global/lib/node_modules/gulp/bin/gulp.js:129:20
at process._tickCallback (internal/process/next_tick.js:61:11)

Missing Bootstrap4 tag in head