Да, возможно изменить и подключить отдельные JS и CSS файлы в Pug с использованием Express. Для этого вы можете воспользоваться тегами link и script:src, как вы и упомянули.
Вот пример кода, который показывает, как это можно сделать:
1. Создайте папку для хранения ваших CSS и JS файлов. Назовите эту папку, например, "public", и разместите ее в корне вашего проекта.
2. В файле app.js (или другом файле, где находится инициализация Express), добавьте следующую строку кода:
app.use(express.static('public'));
Это позволит Express обслуживать статические файлы из папки "public".
3. В Pug-шаблоне, где вы хотите подключить ваш CSS файл, используйте следующий код:
link(rel='stylesheet', href='/styles.css')
Замените "styles.css" на имя вашего CSS файла.
4. В Pug-шаблоне, где вы хотите подключить ваш JS файл, используйте следующий код:
script(src='/script.js')
Замените "script.js" на имя вашего JS файла.
5. Запустите сервер Express и убедитесь, что ваш CSS и JS файлы доступны по корректным путям. Например, если вы поместили ваши CSS и JS файлы в папку "public", то ссылка на CSS-файл будет выглядеть так: http://localhost:3000/styles.css, а ссылка на JS-файл будет выглядеть так: http://localhost:3000/script.js.
Теперь CSS и JS файлы должны быть успешно подключены в ваших Pug-шаблонах при использовании Express.
Обратите внимание, что при использовании Express вы также можете использовать другие методы для доступа к статическим файлам, такие как сторонние пакеты, например, "express.static-gzip". Этот пакет автоматически сжимает и обслуживает статические файлы, что может улучшить производительность вашего приложения.