Поведение Webpack с загрузкой страницы css без стиля, а затем мигает

Question

Поскольку я использую Webpack, чтобы также связать мой css и что мой тег сценария находится внизу моего HTML-кода, при начальной загрузке страницы я получаю содержимое страницы без каких-либо стилизации.

Тогда вдруг стилизации приходит, когда сценарий умирает.

Webpack очень полезно, чтобы помочь перевяжите CSS, но такое поведение весьма тревожным и не очень приемлемо.

Каковы распространенные способы устранения этой проблемы?

Answer 1

Вы можете попробовать использовать extract-text-webpack-plugin, чтобы разбить css на свои собственные файлы. Таким образом вы можете добавить теги <link> самим тем страницам, на которые вы хотите загрузить свои стили до загрузки JS. См. stylesheets as separate bundle.