diff --git a/opentech/static_src/src/app/src/main.scss b/opentech/static_src/src/app/src/main.scss
new file mode 100644
index 0000000000000000000000000000000000000000..0508a4af4c6ea528096d39243eafb8a2466b8e49
--- /dev/null
+++ b/opentech/static_src/src/app/src/main.scss
@@ -0,0 +1,3 @@
+@import 'sass/apply/abstracts/_functions.scss';
+@import 'sass/apply/abstracts/_mixins.scss';
+@import 'sass/apply/abstracts/_variables.scss';
diff --git a/opentech/static_src/src/app/webpack.base.config.js b/opentech/static_src/src/app/webpack.base.config.js
index 4d97df9e838ccebf582025962c471e396d369557..72f10fe29d37caf6e3e83f9c5bdbd745a8963db5 100644
--- a/opentech/static_src/src/app/webpack.base.config.js
+++ b/opentech/static_src/src/app/webpack.base.config.js
@@ -28,11 +28,23 @@ module.exports = {
             },
             {
                 test: /\.scss$/,
-                use: [
-                    'style-loader',
-                    'css-loader',
-                    'sass-loader'
-                ]
+                use: [{
+                    loader: 'style-loader'
+                }, {
+                    loader: 'css-loader',
+                    options: {
+                        sourceMap: true
+                    }
+                }, {
+                    loader: 'sass-loader',
+                    options: {
+                        sourceMap: true,
+                        data: '@import "main.scss";',
+                        includePaths: [
+                            path.join(__dirname, 'src')
+                        ]
+                    }
+                }]
             },
             {
                 test: /\.svg$/,