From d46f652d96701e6f5df09be7bcbff75d275b72ea Mon Sep 17 00:00:00 2001
From: Chris Lawton <chris.lawton@torchbox.com>
Date: Thu, 10 Jan 2019 11:01:44 +0000
Subject: [PATCH] allow for variables, mixins and functions to be used in the
app
---
opentech/static_src/src/app/src/main.scss | 3 +++
.../static_src/src/app/webpack.base.config.js | 22 ++++++++++++++-----
2 files changed, 20 insertions(+), 5 deletions(-)
create mode 100644 opentech/static_src/src/app/src/main.scss
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 000000000..0508a4af4
--- /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 4d97df9e8..72f10fe29 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$/,
--
GitLab