Add page for 404 error

firefoxic · firefoxic · commit 30e23b2e7b95 · 2023-11-18T16:31:32.000+03:00
diff --git a/gulpfile.js b/gulpfile.js
@@ -1,3 +1,5 @@
+import { readFileSync } from 'node:fs';
+
 import gulp from 'gulp';
 import plumber from 'gulp-plumber';
 import { nunjucksCompile } from 'gulp-nunjucks';
@@ -137,6 +139,11 @@ export function startServer () {
     cors: true,
     notify: false,
     ui: false,
+  }, (err, bs) => {
+    bs.addMiddleware('*', (req, res) => {
+      res.write(readFileSync(`${PATH_TO_DIST}404.html`));
+      res.end();
+    });
   });
 
   watch(`${PATH_TO_SOURCE}**/*.{html,njk}`, series(processMarkup));
diff --git a/source/404.html b/source/404.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html class="page" lang="ru">
+  <head>
+    <meta charset="UTF-8">
+    <title>404</title>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <link rel="stylesheet" href="styles/styles.css">
+    <script src="scripts/index.js" defer></script>
+  </head>
+  <body class="page__body">
+    <h1>404</h1>
+    <p>Страница не найдена. <a href="/">Перейти на главную</a>.</p>
+  </body>
+</html>
