Конкретно сейчас может и не нужно, но завтра появится необходимость изменить/расширить проект и все равно нужно будет на что-то сажать.
Выберете что-то не создающее кучи левого кода и влейте туда ваши 4 страницы. Тот же modx revo, создайте 4 статические страницы просто скопировав код в поле контента и всё. Как минимум проще зайти в админку чем изменять файлы локально и лить их на хостинг.
Имхо, вопрос даже не в динамике, а в элементарном удобстве. Как ни странно тот же WP, Joomla и прочие типа простые CMS требуют на порядок больше времени (изучение) для такой банальной задачи.

Если вдруг актуально:
1. Устанавливаем аддон Shell launcher
2. Идем через ctrl + shift + p в Keyboard Shortcuts json (просто вводить начинаем и появится в подсказаках), добавляем нужное сочетание клавиш для себя в формате

[
       { "key": "ctrl+alt+t", "command": "shellLauncher.launch" }
]

3. Идем в файл настроек settings json (Files --> Preferences --> Settings) и там в конце вставляем:

"shellLauncher.shells.windows": [
       {
           "shell": "C:\\Windows\\sysnative\\cmd.exe",
           "label": "cmd"
       },
       {
           "shell": "C:\\Windows\\sysnative\\WindowsPowerShell\\v1.0\\powershell.exe",
           "label": "PowerShell"
       },
       {
           "shell": "C:\\Program Files\\Git\\bin\\bash.exe",
           "label": "Git bash"
       },
       {
           "shell": "C:\\Windows\\sysnative\\bash.exe",
           "label": "WSL Bash"
       }
]

Ну только подставляем свои значения. Перегружаем vscode, нажимаем выбранное сочетание клавиш и вуаля, выбираем нужное из списка.

Пробовал множество разных вариантов верстки, от самого "ручного" до webpack или gulp. В итоге понял, что если сайт не SPA, а просто лендинг или корпоративный многостраничник, то идеальным по скорости подготовки и удобству лично для меня является алгоритм:
1. Папка обычной структуры index.html + /img + /css + /js + /fonts + /sass .
2. Сразу инициализирую репозиторий (использую битбакет, а не гитхаб).
3. Открываю папку в VSCode, копирую настройки из любого другого проекта для плагинов.
3.1. Если только начинаем использовать VSCode, то нужно сразу поставить плагин для автокомпиляции Sass в CSS в онлайн режиме (Live Sass Compiler), этот плагин на лету конвертит код + сразу автопрефиксера функционал имеет + css map + минификация. Один раз настраиваем его для всех проектов.
3.2. Ставим Live Server, один раз настраиваем его для всех проектов.
3.3. Подключаем репозиторий во вкладке для репозиториев в VSCode
4. Всё, начинаем работать.
Я пропускаю шаг по настройке VSCode всякими мелочами типа линтеров, подсвечивалок кода, и прочего, тут кому что удобнее.

Такая связка позволяет использовать один инструмент (VSCode) для комфортной и быстрой верстки, если все в норме настроено, то я пишу\правлю код и тут же сразу всё вижу в браузере, не нужно ни обновлять ничего не подтягивать, ни ставить плагины в браузеры. Sass использую давно, ИМХО, ускоряет написание стилей в разы, и это при том, что не использую обычно даже миксины, максимум иногда готовые куски кода, а так обычно только дерево делаю через &, чтобы не писать по BEMу длиннющие цепочки руками и переменные через $.

Если идем дальше и уже верстку натягиваем куда-то, то добавляется еще и OpenServer, и все файлы переносятся в локальную папку виртуального сайта, перебиваются пути и все происходит точно также.
Изображения оптимизирую руками, не знаю почему, привычнее и быстрее, обычным tinypng или встроенными PageSpeedIns инструментами.

WebPack и Gulp много раз пробовал, и через OptimizeHTML, о котором выше писали, но не зашли на простых и средних проектах, слишком много всего нужно настраивать и подключать постоянно, что-то отваливается или криво работает, постоянно отвлекаешься на то, чтобы разобраться почему и что происходит. Ну и огромные папки получается, с нодовскими либами, бейбелами и прочими вещами, которые реально усложняют жизнь.

Для SPA, когда нужен React или Vue тут да, webpack, а на простой верстке - лишнее.
Как-то так, спрашивайте, критикуйте)

{
  "liveSassCompile.settings.formats":[
   {
      "extensionName": ".min.css",
      "format": "compressed",
      "savePath": "/site/public/stylesheets/"
   }
 ],
 "liveSassCompile.settings.excludeList": [
    "**/node_modules/**",
    ".vscode/**",
    ".git/**"
 ],
 "liveSassCompile.settings.generateMap": false,
 "liveSassCompile.settings.autoprefix": [
     "> 1%",
     "last 10 versions"
],
"emmet.triggerExpansionOnTab": true
}

Это рабочие настройки.
SavePath укажи нормальный вместо null.