webpack в любом случае переписывает все вызовы require в свои функции. Даже если исключить html файлы из сборки на выходе там не будет require и нода ничего не поймет.
Проще бы было просто прогонять весь js через babel, чтобы импорты использовать, c помощью gulp, например. А модули нода и сама умеет.
У вас тут не дочерних и родительских элементов, все дивы на одном уровне вложенности. z-index работает для элементов у которых position НЕ static. То есть relative, absolute, fixed.
iBird Rose: Ну и зачем тогда вообще под мобилы верстать, скейлили бы все подряд. Автор ответа подробно все объяснил. Это делается для ретина дисплеев, ничего сомнительного тут нет, иконки и картинки вырезаются и средствами css уменьшаются вдвое. Итог, - на ретине нет замыленности изображений. А лучше все же просить дизайнеров к макетам прилагать svg-ассеты.
sunnyrio: На заре html это был стандартный тег для форматирования текста. С развитием css необходимость в нем отпала. Сейчас он устарел и не рекомендуется к применению.
С помощью css вы можете стилизовать любой тег, хоть div, хоть ul. html используется для создания структуры страница, а css для стилизации. И не нужно их смешивать.
