Faz isso SASS estrutura afetam Reagir app/componente loadtime/desempenho?

Eu estou trabalhando no meu primeiro prontos para produção de Reagir aplicativo, e eu estou usando SASS como um pré-processador para o meu CSS. Um grande benefício, acho que quando o meu estilo Reagir componentes é ser capaz de quebrar o meu CSS em módulos separados e importar os módulos específicos necessários para o correspondente Reagir componente.

Mais minha aplicação cresce, mais difícil se tornou para rapidamente encontrar e atualizar o correto CSS que eu preciso durante o desenvolvimento. O que leva a minha pergunta...

Eu estou pensando em implementar o seguinte estilo, e eu não tenho certeza se ele vai ter qualquer efeito sobre o desempenho do meu aplicativo e componentes:

1 - Continue to separate all CSS into SASS modules 2 - Import all of those modules into a single app.scss file 3 - Import that single app.scss file into all of the components that need styling

Isso vai me deixar navegar em um único lugar - app.escs - para o css específicos módulo que eu preciso, e, em seguida, rapidamente me dizer onde eu preciso ir no meu diretório app para acessar o arquivo. Eu vejo isso como sendo benéficos como eu poderia escrever comentários no aplicativo.escs sobre cada um dos módulos individuais. Assim que o app escalas, vou ter de documentação sobre o que cada um css módulo realiza e quais componentes aqueles css módulos correspondem.

Assim, a minha pergunta é será que este estilo de carregar tantos módulos em um único arquivo css e, em seguida, carregar um único arquivo css para cada componente que precisa estilo de abrandar a minha app/componente tempo de carregamento/desempenho?

0
2019-09-18 19:24:19
origem
0 respostas

Veja mais perguntas por marcas