Add relative path mapping

static/css/directives/components/main.scss

@@ -1 +0,0 @@
-@import 'pages/repo-page/repo-page';

static/js/app.tsx

@@ -1,6 +1,3 @@
-// Import Styles
-import '../css/directives/components/main.scss';
-
 // Import Components
 import {rpDirectives as repoPage} from "./directives/components/pages/repo-page/main";
 

static/js/directives/components/pages/repo-page/main.tsx

@@ -1,3 +1,4 @@
+import "sass/repo-page/repo-page.scss";
 import * as angular from "angular";
 
 import repoHeader from "./header";

tsconfig.json

@@ -1,10 +1,14 @@
 {
   "compilerOptions": {
+    "baseUrl": ".",
     "jsx": "react",
     "module": "commonjs",
     "outDir": "./build/",
     "target": "es5",
-    "sourceMap": true
+    "sourceMap": true,
+    "paths": {
+      "sass/*": ["./static/css/directives/components/pages/*"]
+    }
   },
   "exclude": [
     "node_modules"

webpack.config.js

@@ -8,7 +8,10 @@ var config = {
     filename: "bundle.js"
   },
   resolve: {
-    extensions: ["", ".ts", ".tsx", ".js"]
+    extensions: ["", ".ts", ".tsx", ".js", ".scss"],
+    alias: {
+      "sass": path.resolve('./static/css/directives/components/pages/')
+    }
   },
   module: {
     loaders: [
@@ -19,7 +22,8 @@ var config = {
       },
       { 
         test: /\.scss$/, 
-        loaders: ['style', 'css', 'sass'] 
+        loaders: ['style', 'css', 'sass'],
+        exclude: /node_modules/ 
       }
     ]
   }