feat(css): only use minified css add sourcemaps

Author: duncdrum

Gulpfile.js

@@ -96,6 +96,7 @@ var optimizejs = require('gulp-optimize-js')
 var sass = require('gulp-sass')
 var prefix = require('gulp-autoprefixer')
 var minify = require('gulp-cssnano')
+var sourcemaps = require('gulp-sourcemaps')
 
 // SVGs
 var svgmin = require('gulp-svgmin')
@@ -199,6 +200,7 @@ var buildStyles = function(done) {
 
   // Run tasks on all Sass files
   src(paths.styles.input)
+    .pipe(sourcemaps.init())
     .pipe(sass({
       outputStyle: 'expanded',
       sourceComments: true
@@ -208,10 +210,11 @@ var buildStyles = function(done) {
       cascade: true,
       remove: true
     }))
-    .pipe(header(banner.full, {
-      package: pkg
-    }))
-    .pipe(dest(paths.styles.output))
+    // Uncomment if you want the non minified files
+    // .pipe(header(banner.full, {
+    //   package: pkg
+    // }))
+    // .pipe(dest(paths.styles.output))
     .pipe(rename({
       suffix: '.min'
     }))
@@ -223,6 +226,7 @@ var buildStyles = function(done) {
     .pipe(header(banner.min, {
       package: pkg
     }))
+    .pipe(sourcemaps.write('.'))
     .pipe(dest(paths.styles.output))
 
   // Signal completion

package-lock.json

@@ -34,6 +34,7 @@
     "gulp-optimize-js": "^1.1.0",
     "gulp-rename": "^1.4.0",
     "gulp-sass": "^4.0.2",
+    "gulp-sourcemaps": "^2.6.5",
     "gulp-standard": "^12.0.0",
     "gulp-svgmin": "^2.2.0",
     "gulp-uglify": "^3.0.2",