diff --git a/templates/common/_webpack.config.js b/templates/common/_webpack.config.js
index b23c0b0..74a69c6 100644
--- a/templates/common/_webpack.config.js
+++ b/templates/common/_webpack.config.js
@@ -28,7 +28,10 @@ module.exports = {
   },
 
   resolve: {
-    extensions: ['', '.js']
+    extensions: ['', '.js'],
+    alias: {
+      'styles': './src/styles'
+    }
   },
   module: {
     preLoaders: [{
diff --git a/templates/common/_webpack.dist.config.js b/templates/common/_webpack.dist.config.js
index 2e89773..74bb5b9 100644
--- a/templates/common/_webpack.dist.config.js
+++ b/templates/common/_webpack.dist.config.js
@@ -34,6 +34,9 @@ module.exports = {
 
   resolve: {
     extensions: ['', '.js']
+    alias: {
+      'styles': './src/styles'
+    }
   },
 
   module: {
diff --git a/templates/common/karma.conf.js b/templates/common/karma.conf.js
index 8d35617..a6271ae 100644
--- a/templates/common/karma.conf.js
+++ b/templates/common/karma.conf.js
@@ -42,6 +42,11 @@ module.exports = function (config) {
           test: /\.css$/,
           loader: 'style-loader!css-loader'
         }]
+      },
+      resolve: {
+        alias: {
+          'styles': './src/styles'
+        }
       }
     },
     webpackServer: {