Перепилил сборку разметки и стилевого ДП

README.md

@@ -14,6 +14,38 @@ src/
   scss/              # Служебные стилевые файлы
 ```
 
+## Как это работает
+
+При `npm start` (запускается дефолтная задача gulp):
+
+1. Создаётся глобальный объект `nth` с настройками проекта.
+5. Очищается папка сборки (`build/`).
+5. Записывается `src/pug/mixins.pug` и компилируются файлы страниц (`./src/pages/**/*`).
+5. Из скомпилированных страниц извлекаются все классы уровня БЭМ-блока и записываются в `nth.blocksFromHtml`.
+5. Генерируются спрайты, в папку сборки копируются доп. файлы и картинки.
+5. Записывается `./src/scss/style.scss`, в котором:
+    - Импорты файлов из `config.js#addStyleBefore`.
+    - Импорты файлов БЭМ-блоков, использующихся на проекте (если scss-файлы существуют).
+    - Импорты файлов из `config.js#addStyleAfter`.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 ## Как это работает
 

config.js

@@ -11,38 +11,28 @@ let config =
     "sprite-svg",
     "sprite-png"
   ],
-  "blocks": [
-    "page",
-    "page-header",
-    "logo",
-    "main-nav",
-    "burger",
-    "page-footer",
-    "sprite-svg",
-    "sprite-png"
-  ],
   "addStyleBefore": [
-    "./src/scss/functions.scss",
-    "./src/scss/variables.scss",
-    "./src/scss/mixins.scss"
+    "src/scss/functions.scss",
+    "src/scss/variables.scss",
+    "src/scss/mixins.scss"
   ],
   "addStyleAfter": [
-    "./src/scss/print.scss"
+    "src/scss/print.scss"
   ],
   "addJsBefore": [],
   "addJsAfter": [
-    "./script.js"
+    "script.js"
   ],
   "addAssets": {
-    "./src/img/demo-avatar-*": "img/",
-    "./src/img/DSC_*": "img/",
-    "./src/fonts/demo-empty-open-sans.woff2": "fonts/",
-    "./src/favicon/*.{png,ico,svg,xml,webmanifest}": "img/favicon"
+    "src/img/demo-avatar-*": "img/",
+    "src/img/DSC_*": "img/",
+    "src/fonts/demo-empty-open-sans.woff2": "fonts/",
+    "src/favicon/*.{png,ico,svg,xml,webmanifest}": "img/favicon"
   },
   "dir": {
-    "src": "./src/",
-    "build": "./build/",
-    "blocks": "./src/blocks/"
+    "src": "src/",
+    "build": "build/",
+    "blocks": "src/blocks/"
   }
 };
 

src/blocks/sprite-svg/svg/temp-icon-left-arrow.svg

 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 31.494 31.494">
-  <path d="M10.273 5.01c.444-.445 1.143-.445 1.587 0 .43.428.43 1.142 0 1.57l-8.047 8.047h26.554c.62 0 1.127.492 1.127 1.11 0 .62-.508 1.128-1.127 1.128H3.813l8.047 8.032c.43.444.43 1.16 0 1.587-.444.444-1.143.444-1.587 0L.32 16.532c-.428-.43-.428-1.143 0-1.57l9.953-9.953z" fill="#1E201D"/>
+  <path d="M10.273 5.01c.444-.445 1.143-.445 1.587 0 .43.428.43 1.142 0 1.57l-8.047 8.047h26.554c.62 0 1.127.492 1.127 1.11 0 .62-.508 1.128-1.127 1.128H3.813l8.047 8.032c.43.444.43 1.16 0 1.587-.444.444-1.143.444-1.587 0L.32 16.532c-.428-.43-.428-1.143 0-1.57l9.953-9.953z" fill="#FFFFFF"/>
 </svg>

src/pages/index.pug

@@ -16,6 +16,9 @@ block header
 block content
   h1 Заголовок с каким-то эффектом
   p Содержимое. #[a(href='blocks-demo.html') Библиотека блоков].
+  .row
+    .closess
+      .alertfgdf
 
 block footer
   +page-footer()