Added sourcemaps to gulp

Added source maps to gulp file for the main css file
benbrehaut · Sep 5, 2017 · 0b1849c · 0b1849c
1 parent eda3cd9
commit 0b1849c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/gulpfile.js b/gulpfile.js
@@ -13,6 +13,7 @@ var concat = require('gulp-concat');
 var imagemin = require('gulp-imagemin');
 var prefix = require('gulp-autoprefixer');
 var svgstore = require('gulp-svgstore');
+var sourcemaps = require('gulp-sourcemaps');
 
 /**
  * @function variables
@@ -65,13 +66,15 @@ gulp.task('scripts', function () {
  */
 gulp.task('styles', function () {
   return gulp.src(mainSassFile)
+    .pipe(sourcemaps.init())
     .pipe(sass({
       includePaths: ['scss'],
       onError: browserSync.notify
     }).on('error', sass.logError))
     .pipe(prefix(autoprefixerOptions, { cascade: true }))
     .pipe(plumber())
     .pipe(concat(outputCSSFile)) // output main CSS file without cleanCSS
+    .pipe(sourcemaps.write('./maps'))
     .pipe(gulp.dest(outputCSSFileLocation))
     .pipe(cleanCSS())
     .pipe(concat(outputCSSFileCompressed)) // output main CSS file w/ cleanCSS

diff --git a/package.json b/package.json
@@ -32,6 +32,7 @@
     "gulp-imagemin": "^3.3.0",
     "gulp-plumber": "^1.1.0",
     "gulp-sass": "^3.1.0",
+    "gulp-sourcemaps": "^2.6.1",
     "gulp-svgmin": "^1.2.4",
     "gulp-svgstore": "^6.1.0",
     "gulp-uglify": "^3.0.0"