add dart-sass

This commit is contained in:
Schrottkatze 2023-12-08 12:26:58 +01:00
parent 455811c844
commit 3287dcb8ec
4 changed files with 4 additions and 11 deletions

View file

@ -15,7 +15,7 @@
pkgs = nixpkgs.legacyPackages.${system}; pkgs = nixpkgs.legacyPackages.${system};
in { in {
devShells.default = pkgs.mkShell { devShells.default = pkgs.mkShell {
buildInputs = with pkgs; [typescript devd]; buildInputs = with pkgs; [typescript devd dart-sass];
}; };
} }
); );

View file

@ -3,6 +3,9 @@
"tscomp": { "tscomp": {
"shell": "tsc src/main.ts --outFile dist/main.js --watch" "shell": "tsc src/main.ts --outFile dist/main.js --watch"
}, },
"d-sass": {
"shell": "sass styles/style.scss dist/style.css -w"
},
"public": { "public": {
"shell": "nu -c 'watch public/ { rm dist/*.html; rm dist/*.css; mkdir dist; cp public/* dist}'" "shell": "nu -c 'watch public/ { rm dist/*.html; rm dist/*.css; mkdir dist; cp public/* dist}'"
}, },

View file

@ -10,18 +10,8 @@
</head> </head>
<body> <body>
<header>
<div></div>
<h1>Hello world</h1>
</header>
<main> <main>
<section>
<h2>Example text</h2>
</section>
</main> </main>
<footer>
<p>some footer text</p>
</footer>
</body> </body>
</html> </html>

0
styles/style.scss Normal file
View file