diff --git a/templates/common/_webpack.config.js b/templates/common/_webpack.config.js
index 74a69c6..f17dac9 100644
--- a/templates/common/_webpack.config.js
+++ b/templates/common/_webpack.config.js
@@ -30,7 +30,8 @@ module.exports = {
   resolve: {
     extensions: ['', '.js'],
     alias: {
-      'styles': './src/styles'
+      'styles': './src/styles',
+      'components': './src/scripts/components/'
     }
   },
   module: {
diff --git a/templates/common/_webpack.dist.config.js b/templates/common/_webpack.dist.config.js
index 74bb5b9..42f7c6c 100644
--- a/templates/common/_webpack.dist.config.js
+++ b/templates/common/_webpack.dist.config.js
@@ -35,7 +35,8 @@ module.exports = {
   resolve: {
     extensions: ['', '.js']
     alias: {
-      'styles': './src/styles'
+      'styles': './src/styles',
+      'components': './src/scripts/components/'
     }
   },
 
diff --git a/templates/common/karma.conf.js b/templates/common/karma.conf.js
index a6271ae..639c17f 100644
--- a/templates/common/karma.conf.js
+++ b/templates/common/karma.conf.js
@@ -45,7 +45,8 @@ module.exports = function (config) {
       },
       resolve: {
         alias: {
-          'styles': './src/styles'
+          'styles': './src/styles',
+          'components': './src/scripts/components/'
         }
       }
     },