Статические файлы в Express

С помощью Express можно объявить одну из ваших папок корнем сайта. В этой папке будут автоматически искаться файлы, запрошенные браузером.

Давайте посмотрим, как это работает. Пусть, к примеру, корнем сайта будет папка public. Пусть в ней лежит файл test.html. Тогда, если вбить в браузер урл /test.html, то Express автоматически отдаст этот файл.

При этом в урле не будет фигурировать имя папки public, так как поиск запрошенного файла начинается внутри этой папки.

Аналогичным образом будут отдаваться CSS файлы, картинки, файлы клиентского JS и другие статические ресурсы.

Итак, давайте объявим корнем нашу папку public. Используем для этого следующую команду:

app.use(express.static(__dirname + '/public/'))

Сделайте папку для отдачи статического содержимого. Разместите в ней файлы стилей CSS файлы, файлы клиентского JS, картинки и фавикон.

Разместите в вашей папке CSS файлы со статичным содержимым. Проверьте, как эти файлы отдаются в браузер.