css is now completely in the script (no more external css!)

gulpfile.js

@@ -1,34 +1,16 @@
-const { src, dest, parallel } = require("gulp");
+const { src, dest, parallel, series } = require("gulp");
 
 const rename = require("gulp-rename");
 const csso = require("gulp-csso");
 const replace = require("gulp-replace");
 const uglify = require("gulp-uglify");
 
+const fs = require("fs");
+
 const babel = require("gulp-babel");
 
 let version = require("./package.json").version;
 
-function js() {
-  return src("src/*.js")
-    .pipe(replace("MAILGO_VERSION", version))
-    .pipe(babel())
-    .pipe(dest("dist"));
-}
-
-function jsmin() {
-  return src("src/*.js")
-    .pipe(replace("MAILGO_VERSION", version))
-    .pipe(babel())
-    .pipe(uglify())
-    .pipe(
-      rename({
-        suffix: ".min"
-      })
-    )
-    .pipe(dest("dist"));
-}
-
 function css() {
   return src("src/*.css").pipe(dest("dist"));
 }
@@ -44,9 +26,33 @@ function cssmin() {
     .pipe(dest("dist"));
 }
 
+function js() {
+  let cssContent = fs.readFileSync("dist/mailgo.min.css", "utf8");
+  return src("src/*.js")
+    .pipe(replace("MAILGO_VERSION", version))
+    .pipe(replace("MAILGO_STYLE", cssContent))
+    .pipe(babel())
+    .pipe(dest("dist"));
+}
+
+function jsmin() {
+  let cssContent = fs.readFileSync("dist/mailgo.min.css", "utf8");
+  return src("src/*.js")
+    .pipe(replace("MAILGO_VERSION", version))
+    .pipe(replace("MAILGO_STYLE", cssContent))
+    .pipe(babel())
+    .pipe(uglify())
+    .pipe(
+      rename({
+        suffix: ".min"
+      })
+    )
+    .pipe(dest("dist"));
+}
+
 exports.js = js;
 exports.jsmin = jsmin;
 exports.css = css;
 exports.cssmin = cssmin;
 
-exports.default = parallel(js, jsmin, css, cssmin);
+exports.default = series(parallel(css, cssmin), parallel(js, jsmin));