Added builder and separated static directory

Author: takaneichinose

index.js

@@ -1,15 +1,41 @@
+const fs = require('fs');
 const path = require('path');
 
 const express = require('express');
 const pug = require('pug');
+const sass = require('sass');
 
 const app = express();
 const port = 3000;
 
-app.use('/', express.static(path.join(__dirname, 'src/static')))
+const SRC_PATH = path.join(__dirname, 'src');
+const STATIC_PATH = path.join(__dirname, 'static');
+const CSS_PATH = path.join(STATIC_PATH, 'css/style.css');
+const HTML_PATH = path.join(STATIC_PATH, 'index.html');
 
-app.get('/', (req, res) => {
-  res.send(pug.renderFile('./src/index.pug'));
+app.use('/', express.static(path.join(STATIC_PATH)))
+
+app.get('/', async (_, res) => {
+  // Build Pug file
+  console.log('Building Pug file...');
+
+  const compiledFunction = pug.compileFile(path.join(SRC_PATH, 'index.pug'));
+
+  fs.writeFileSync(HTML_PATH, compiledFunction());
+
+  console.log('Build successful!');
+
+  // Build SCSS file
+  console.log('Building SCSS file...');
+
+  const result = await sass.compileAsync(path.join(SRC_PATH, 'style.scss'));
+
+  fs.writeFileSync(CSS_PATH, result.css);
+
+  console.log('Build successful!');
+
+  // Render HTML file
+  res.send(pug.renderFile(HTML_PATH));
 });
 
 app.listen(port, () => {

package.json

@@ -1,12 +1,15 @@
 {
   "name": "css-room-escape",
   "private": true,
-  "version": "2.0.0",
+  "version": "2.1.0",
   "repository": "https://github.com/takaneichinose/profile.git",
   "author": "Takane Ichinose <[email protected]>",
   "license": "MIT",
   "dependencies": {
     "express": "^4.18.2",
     "pug": "^3.0.2"
+  },
+  "devDependencies": {
+    "sass": "^1.68.0"
   }
 }