Ошибка при импорте SCSS в компонент React, отображаемый с использованием HtmlWebpackPlugin
Мы бы хотели визуализировать один из наших компонентов React в статический HTML, поэтому он находится в файле index.html, возвращаемом сервером.
Вместо того, чтобы делать код во время запуска сервера, мы бы предпочли, чтобы HtmlWebpackPlugin рендерил компонент React в его сгенерированный index.html. Это возможно, и это работает очень хорошо; однако, как только мы попытаемся сделать это с компонентом React, который импортирует его SCSS, мы увидим следующую ошибку:
Ошибка: /Users/calumjames/htmlwebpackplugin-error-реакции-рендеринг /tools/webpack/indexRenderer:5396
возврат окна && document && document.all &&! window.atob;
^
ReferenceError: окно не определено
Я создал простое Git-репо, которое иллюстрирует проблему. Как указано в файле README, если строка, которая импортирует SCSS в Loading Компонент закомментирован, эта ошибка перестает появляться, и компонент корректно отображается в index.html.
Мы могли бы не изменять кодировку компонента, поскольку он является внутренним общим компонентом, а стиль кодирования совпадает с другими общими компонентами.
Что-то не так с моим кодом или конфигом, или есть проблема с одним из плагинов или загрузчиков Webpack?