<aside> 💡 Builder Hero - Compilando o SCSS em temas shopify

</aside>

VIGENTE EM 04 DE NOVEMBRO DE 2020 - SHOPIFY

Porque não usar mais arquivos .scss direto em temas shopify 🤔

Print 15/04

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/080e21ac-9196-42e0-b416-dab4a7444e1e/Untitled.png

"O suporte para Sass não será removido em curto prazo e os temas que usam .scss arquivos continuarão funcionando. No entanto, é altamente recomendável que os desenvolvedores compilem seus .scss arquivos .css localmente ou usem apenas .css arquivos. Novos temas podem ser impedidos de usar .scss arquivos no futuro."

Desvantagens do SASS 👀

"Um dos principais problemas que os parceiros enfrentam ao trabalhar com o Sass no Shopify é que muitos recursos modernos não estão disponíveis, pois estamos usando uma versão legada. Atualizar para uma versão atual do Sass resultaria em uma mudança significativa nos temas , e muitas das vantagens do Sass são alcançáveis no CSS moderno."

**"descobrimos que remover o Sass dos temas do Shopify resulta em uma melhoria significativa na velocidade quando os comerciantes estão interagindo com o editor de temas do Shopify. Dependendo do tamanho de uma folha de estilo, mudar para uma abordagem puramente CSS pode reduzir o tempo de carregamento da página em vários segundos.

O tempo médio de compilação das folhas de estilo do Liquid Sass no editor é de cerca de 2.000 ms, enquanto é de apenas cerca de 300 ms para as folhas de estilo do Liquid CSS."**