madetech-com/Leverage-sprockets.md

## Leverage-sprockets.md

      
    Raw
  

              Leverage-sprockets.md
            
          
    The first application.scss.css
/*
 *= @import reset;
 *= @import 'components/**/*';
 *= @import 'pages/**/*';
 */
Sprockets renders as:
<html>
  <head>
  ...
  <link href="/assets/application.css?body=1" media="screen" rel="stylesheet" />
  ...
  <head>
  <body>...</body>
</html>
And this second application.scss.css
/*
 *= require reset;
 *= require_tree ./components;
 *= require_tree ./pages;
 */
Sprockets renders as:
<html>
  <head>
  ...
  <link href="/assets/reset.css?body=1" media="screen" rel="stylesheet" />
  <link href="/assets/components/example.css?body=1" media="screen" rel="stylesheet" />
  <link href="/assets/pages/example.css?body=1" media="screen" rel="stylesheet" />
  <link href="/assets/application.css?body=1" media="screen" rel="stylesheet" />
  ...
  <head>
  <body>...</body>
</html>