У меня есть простая структура проекта:
index.pug:
doctype html
html(lang="ru")
head
meta(charset="utf-8")
title MyPage
body
include src/header/header.pug
src / header / header.pug:
header
[some tags]...
script(src="/src/header/header.js")
src / header / header.s css:
[some classes]...
src / header / header. js:
import 'header.scss';
Я запускаю пакет (Parcel JS):
и на localhost: 1234 моя страница отображается правильно, пока я не решил добавить другую страницу:
about.pug:
doctype html
html(lang="ru")
head
meta(charset="utf-8")
title About
body
include src/header/header.pug
И так получилось, что после сборки компоновщика нет стилей были найдены в окончательном файле индекса. html (=> тег ссылки), т. е. упаковщик подключает стили только к первому найденному в алфавитном порядке файлу (about.pug). PS Заголовок PS появляется в обоих файлах (index и about), но только в стилях. примерно
Я пытался для каждой точки входа (страницы) создать файл js для импорта туда классов css, но так как я хочу иметь одинаковый заголовок на обеих страницах, это приводит к дублированию классов для заголовок и проект становится тяжелее и непродуктивным Я пытаюсь решить эту проблему уже НЕДЕЛЯ
Спасибо в Adv Анс !!!