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