supernova: add gulp-sourcemaps, rename css

supernova/gulpfile.js

@@ -2,6 +2,7 @@ const {src, dest, watch, parallel} = require('gulp')
 const posthtml = require('gulp-posthtml')
 const rename = require('gulp-rename')
 const browserSync = require('browser-sync').create()
+const sourcemaps = require('gulp-sourcemaps')
 
 const htmlFiles = [
     'supernova/**/*.html',
@@ -40,7 +41,7 @@ function html() {
                 root: 'supernova',
                 plugins: posthtmlPlugins
             }),
-            require('posthtml-postcss')(postcssPlugins, /^text\/css$/),
+            require('posthtml-postcss')(postcssPlugins, {}, /^text\/css$/),
         ]))
         .pipe(rename(path => {
             path.basename = 'index'
@@ -61,7 +62,12 @@ const cssFiles = [
 
 function css() {
     const stream = src(cssFiles)
+        .pipe(sourcemaps.init())
         .pipe(require('gulp-postcss')(postcssPlugins))
+        .pipe(rename(path => {
+            path.basename = 'style'
+        }))
+        .pipe(sourcemaps.write())
         .pipe(dest('supernova'))
 
     if (browserSync.active) {