add global scss injections

index.js

@@ -99,18 +99,25 @@ var transformServe = function(dir) {
         if( err ){
           next();
         }else{
+          console.log(req.url)
+          if(pack && pack.scss && pack.scss.shared){
+            data = pack.scss.shared+';\n'+data;
+          }
           sass.render( {
+            data: data,
             file: path.join( __dirname, dir, req.url ),
             sourceMap: true,
             importer: function( url, prev, done ){
               setTimeout( function( result ){
-                var name = path.resolve( path.dirname( prev ), url );
+                if(url[0] === '/'){
+                  url = path.join( __dirname, dir, url.substr(1));
+                }
                 var displayName = path.relative( path.join( __dirname, dir ), path.resolve( path.dirname( prev ), url ) )
-
+                var name = path.resolve( path.dirname( prev ), url );
+                // TODO Add errors
                 done( {
                   file: displayName, // only one of them is required, see section Special Behaviours.
                   contents: fs.readFileSync( name ) + ''
-
                 } );
               }, 10 );
             }

pack.js

@@ -2,4 +2,7 @@ module.exports = {
   src: './src',
   entry: {js: 'main.jsx', html: 'index.html'},
   public: './public',
+  scss: {
+    shared: `@import '/base.scss';`
+  }
 };
\ No newline at end of file

src/base.scss

@@ -6,3 +6,5 @@ $l-green: #34BE5B;
 $gray: #a6a6a6;
 
 $font: 'SF Pro Text', Arial, sans-serif;
+
+b {color: pink}
\ No newline at end of file

src/view/block/header/Header.scss

-@import '../../../base.scss';
-
 .page-header {
 	position: fixed;
 	top: 0;