scss!

gulpfile.js

@@ -9,10 +9,14 @@ const fs = require("fs");
 
 const babel = require("gulp-babel");
 
+const sass = require("gulp-sass");
+sass.compiler = require("node-sass");
+
 let version = require("./package.json").version;
 
-function css() {
-  return src("src/*.css")
+function style() {
+  return src("src/*.scss")
+    .pipe(sass().on("error", sass.logError))
     .pipe(csso())
     .pipe(
       rename({
@@ -38,6 +42,6 @@ function js() {
 }
 
 exports.js = js;
-exports.css = css;
+exports.style = style;
 
-exports.default = series(css, js);
+exports.default = series(style, js);

package.json

@@ -35,6 +35,9 @@
     "webpack": "^4.33.0",
     "webpack-cli": "^3.3.3"
   },
-  "dependencies": {},
+  "dependencies": {
+    "gulp-sass": "^4.0.2",
+    "node-sass": "^4.12.0"
+  },
   "browserslist": "cover 99.5%"
 }