Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

FOUC (Flash of Unstyled Content)

Fiz também o curso de Webpack, onde foi resolvido o problema de FOUC .

A configuração do arquivo webpack.config.js , como está neste curso de Vue tem este problema de FOUC , certo?

Até onde consegui entender, ficou inline no css deste curso.

Aqui está onde o problema é resolvido no curso de webpack: https://cursos.alura.com.br/course/webpack/task/29548

E aproveito pra perguntar se existe outra forma de resolver, embora esta solução que o próprio Flávio forneceu pareça boa.

3 respostas
solução!

Fala ai Herbert, tudo bem? Hoje em dia com Webpack 4 dá para fazermos diferente, podemos usar o MiniCssExtractPlugin: https://webpack.js.org/plugins/mini-css-extract-plugin/

O mesmo vai splitar cada arquivo CSS baseado em cada arquivo JS que importa o mesmo, ele possui diversas configurações e customizações e suporte a HMR.

Espero ter ajudado.

mas no caso deste curso , nesse ponto aqui, estava inline, certo?

Fala Herbert, sim, os estilos estavam inline.

Espero ter ajudado.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software