title: Shopify Custom File Structure
body: <p>As you may know Shopify has a rather strict file structure on their Dawn Theme. For example,on my repository the assets folder becomes very messy in no time with CSS files, Liquid files and even images or SVGs. In Shopify´s Best Practice documentation they mention the possibility of setting Custom File Structure through File Transformation, but I couldnt get any info about that.
  <a href="https://i.stack.imgur.com/0aY7t.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0aY7t.png" alt="enter image description here" /></a>
  <a href="https://shopify.dev/themes/best-practices/file-transformation#just-in-time-file-transformations" rel="nofollow noreferrer">https://shopify.dev/themes/best-practices/file-transformation#just-in-time-file-transformations</a></p>
  <p>Anyone who knows about the possibilities on that? Would it be possible to organize files in more mantainable way. Would it be possible to set a <em>component style</em> organization of (HTML/CSS/JS)?</p>
  <p>Any hints or experience on this would be very welcome.
  I am starting with Shopify coming from Angular and everything looks really fuzzy in terms of mantainability.</p>