{"componentChunkName":"component---src-templates-single-template-tsx","path":"/como-converter-todos-arquivos-scss-de-um-diretorio-para-extensao-sass","result":{"data":{"site":{"siteMetadata":{"siteUrl":"https://blog.nandomoreira.dev","author":{"name":"Fernando Moreira","site":"https://nandomoreira.dev","social":{"disqus":"fernandomoreira"}}}},"markdownRemark":{"html":"<p>Iremos usar o comando <code class=\"language-text\">sass-convert</code> do próprio SASS para realizar a conversão dos arquivos, mas já sabemos que ele converte apenas um único arquivo, então vamos usar o terminal e com um simples loop iremos converter todos os arquivos de um diretório (ou vários diretórios) de uma só vez.</p>\n<h3>Em sistemas Unix (Mac e Linux)</h3>\n<p>Abra o terminal e execute o seguinte comando.</p>\n<div class=\"gatsby-highlight\" data-language=\"bash\"><pre style=\"counter-reset: linenumber NaN\" class=\"language-bash line-numbers\"><code class=\"language-bash\"><span class=\"token keyword\">for</span> <span class=\"token for-or-select variable\">file</span> <span class=\"token keyword\">in</span> path/to/scss/**/*.scss<span class=\"token punctuation\">;</span> <span class=\"token keyword\">do</span> sass-convert <span class=\"token variable\">$file</span> <span class=\"token variable\">${file<span class=\"token operator\">%</span>scss}</span>sass <span class=\"token operator\">&amp;&amp;</span> <span class=\"token function\">rm</span> <span class=\"token variable\">$file</span><span class=\"token punctuation\">;</span> <span class=\"token keyword\">done</span></code><span aria-hidden=\"true\" class=\"line-numbers-rows\" style=\"white-space: normal; width: auto; left: 0;\"><span></span></span></pre></div>\n<h3>No Windows</h3>\n<div class=\"gatsby-highlight\" data-language=\"bash\"><pre style=\"counter-reset: linenumber NaN\" class=\"language-bash line-numbers\"><code class=\"language-bash\"><span class=\"token keyword\">for</span> /r path<span class=\"token punctuation\">\\</span>to<span class=\"token punctuation\">\\</span>scss %I <span class=\"token keyword\">in</span> <span class=\"token punctuation\">(</span>*<span class=\"token punctuation\">)</span> <span class=\"token keyword\">do</span> sass-convert <span class=\"token string\">\"%I\"</span> <span class=\"token string\">\"%~dpnI.sass\"</span>\ndel /f /s /q path<span class=\"token punctuation\">\\</span>to<span class=\"token punctuation\">\\</span>scss<span class=\"token punctuation\">\\</span>*.scss</code><span aria-hidden=\"true\" class=\"line-numbers-rows\" style=\"white-space: normal; width: auto; left: 0;\"><span></span><span></span></span></pre></div>\n<p>Não esqueça de trocar <code class=\"language-text\">path/to/scss/</code> para o caminho onde estão os seus arquivos sass.</p>\n<p>Eu não testei no Linux nem no Windows então se você executou os comandos e algo não deu certo comenta ai e vamos resolver juntos.</p>\n<hr>\n<p>Espero ter ajudado, Abraço!</p>\n<p>😎</p>","excerpt":"Iremos usar o comando  do próprio SASS para realizar a conversão dos arquivos, mas já sabemos que ele converte apenas um único arquivo, então vamos…","timeToRead":1,"frontmatter":{"category":["dica"],"date":"há 10 anos","datePublished":"2016-07-05T00:00:00.000Z","description":"Iremos usar o comando sass-convert do próprio SASS para realizar a conversão dos arquivos, mas já sabemos que ele converte apenas um único arquivo","path":"/como-converter-todos-arquivos-scss-de-um-diretorio-para-extensao-sass","tags":["scss","sass"],"title":"Como converter todos arquivos .scss de um diretório para extensão .sass","image":{"publicURL":"/static/conhecendo-o-pre-processador-sass-b6a1f24254111b01aa97dae9042b5345.jpg","name":"conhecendo-o-pre-processador-sass"}},"fields":{"readingTime":{"words":143}}}},"pageContext":{}}}