monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2024-09-20 07:16:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

added sass compilation in gulp build

Browse source
This commit is contained in:
typer 2020-11-01 22:53:20 -08:00
parent 42cbbab792
commit ceb798ad6f
5 changed files with 1045 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
gulpfile.js
View file

@ -2,6 +2,8 @@ const { task, src, dest, series, watch } = require("gulp");
const concat = require("gulp-concat");
const del = require("del");
const vinylPaths = require("vinyl-paths");
var sass = require("gulp-sass");
sass.compiler = require("dart-sass");
const gulpSrc = [
"src/js/misc.js",
@ -20,15 +22,21 @@ task("cat", function () {
return src(gulpSrc).pipe(concat("monkeytype.js")).pipe(dest("public/js"));
});
task("sass", function () {
return src("src/sass/*.scss")
.pipe(sass({ outputStyle: "compressed" }).on("error", sass.logError))
.pipe(dest("public/css"));
});
task("dist", function () {
return src("./static/**/*").pipe(dest("public/"));
});
task("clean", function () {
return src("./public/").pipe(vinylPaths(del));
return src("./public/", { allowEmpty: true }).pipe(vinylPaths(del));
});
task("build", series("dist", "cat"));
task("build", series("dist", "sass", "cat"));
task("watch", function () {
watch(["./static/**/*", ...gulpSrc], series("build"));

1034
package-lock.json generated
View file

File diff suppressed because it is too large Load diff

2
package.json
View file

@ -12,9 +12,11 @@
},
"devDependencies": {
"concurrently": "^5.3.0",
"dart-sass": "^1.25.0",
"del": "^6.0.0",
"gulp": "^4.0.2",
"gulp-concat": "^2.6.1",
"gulp-sass": "^4.1.0",
"husky": "^4.3.0",
"prettier": "2.1.2",
"pretty-quick": "^3.1.0",

0
static/css/style.scss → src/sass/style.scss
View file

2
static/index.html
View file

@ -6,7 +6,7 @@
<title>Monkeytype</title>
<!-- <link rel="stylesheet" href="css/fa.css" /> -->
<link rel="stylesheet" href="css/balloon.css" />
<link rel="stylesheet" href="css/style.min.css?v=58" />
<link rel="stylesheet" href="css/style.css?v=58" />
<link rel="stylesheet" href="themes/serika_dark.css" id="currentTheme" />
<link rel="stylesheet" href="" id="funBoxTheme" />
<link id="favicon" rel="shortcut icon" href="fav.png" />