title: Updated Bootstrap + SASS in ASP.NET CORE 2, with Gulp?
body: <p>I'm trying to add Bootstrap with SASS capability to my ASP.NET Core 2 project, but have difficulty accomplishing this. I used NPM to install Bootstrap into node_modules, then got Gulp to move minified css and js dependencies into my wwwroot directory. Now I want to have a SASS file where I override Bootstrap's defaults to fit my needs, and this is where I'm stuck. Here's my Gulp code, 'compile-sass' is not working. I get missing binding error.</p>
  
  <pre><code>const gulp = require('gulp');
  const concat = require('gulp-concat');
  const sass = require('gulp-sass');
  
  const root = "./wwwroot/";
  const bootstrapStyles = "node_modules/bootstrap/dist/css/bootstrap.min.css";
  const bootstrapSass = "node_modules/bootstrap/scss/bootstrap.scss";
  const bootstrapScripts = [
      "node_modules/jquery/dist/jquery.min.js",
      "node_modules/popper.js/dist/umd/popper.min.js",
      "node_modules/bootstrap/dist/js/bootstrap.min.js"
  ];
  
  gulp.task('default', ['build-all']);
  gulp.task('build-all', ['build-css', 'build-js']);
  
  gulp.task('build-css', () =&gt; {
      return gulp.src(bootstrapStyles)
          .pipe(gulp.dest('./wwwroot/'));
  });
  
  gulp.task('build-js', () =&gt; {
      return gulp.src(bootstrapScripts)
          .pipe(concat('bootstrap.min.js'))
          .pipe(gulp.dest(root));
  });
  
  gulp.task('compile-sass', () =&gt; {
      gulp.src(bootstrapSass)
          .pipe(sass())
          .pipe(gulp.dest(root));
  });
  
  // watch bootstrap-overrides.scss for changes and recompile SASS
  gulp.task('watch-sass', () =&gt; {
      gulp.watch(root + 'bootstrap-overrides.scss', ['compile-sass']);
  });
  </code></pre>
  
  <p>This is the exact excerpt of the problem:</p>
  
  <pre><code>    gulp.task('compile-sass', () =&gt; {
      gulp.src(bootstrapSass)
          .pipe(sass())
          .pipe(gulp.dest(root));
  });
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/i3MZd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/i3MZd.png" alt="compile error that I&#39;m getting"></a></p>
  
  <p><a href="https://i.stack.imgur.com/Dbqux.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Dbqux.png" alt="Project structure"></a></p>
  
  <p>Edit: Solved the build error by running the following command: <code>npm rebuild node-sass</code> 
  My bootstrap-overrides.scss edits are not changing variable values. How do I correctly compile SASS?</p>