fixed tests

webpack/helpers.js

@@ -1,13 +1,50 @@
 const {
     join,
-  resolve
+    resolve,
 } = require('path');
 
+
 function root(path) {
     return resolve(__dirname, '..', path);
 }
 
+const theme = '';
+// const theme = 'mantis';
+
+const globalCSSImports = [
+    resolve(__dirname, '..', 'src/styles/_variables.scss'),
+    resolve(__dirname, '..', 'src/styles/_mixins.scss'),
+];
+
+const themeReplaceOptions =
+        {
+            multiple: [
+                {
+                    search: '$theme$.',
+                    replace: theme + (theme.length ? '.' : ''),
+
+                },
+                {
+                    search: '$themePath$/',
+                    replace: (theme.length ? 'themes/' : ''),
+
+                },
+                {
+                    search: '$theme$.',
+                    replace: (theme.length ? theme + '.' : ''),
+
+                },
+                {
+                    search: '$themePath$/',
+                    replace: (theme.length ? 'themes/' : ''),
+                }
+            ]
+        };
+
 module.exports = {
     root: root,
-  join: join
+    join: join,
+    theme: theme,
+    globalCSSImports: globalCSSImports,
+    themeReplaceOptions: themeReplaceOptions
 };

webpack/webpack.common.js

@@ -2,40 +2,12 @@ const CopyWebpackPlugin = require('copy-webpack-plugin');
 const path = require('path');
 const {
     root,
-    join
+    join,
+    globalCSSImports,
+    themeReplaceOptions
 } = require('./helpers');
 
-// const theme = '';
-const theme = 'mantis';
 
-const globalCSSImports = [
-    path.resolve(__dirname, '..', 'src/styles/_variables.scss'),
-    path.resolve(__dirname, '..', 'src/styles/_mixins.scss'),
-];
-const themeReplaceOptions =
-        {
-            multiple: [
-                {
-                    search: '$theme$.',
-                    replace: theme + (theme.length ? '.' : ''),
-
-                },
-                {
-                    search: '$themePath$/',
-                    replace: (theme.length ? 'themes/' : ''),
-
-                },
-                {
-                    search: '$theme$.',
-                    replace: (theme.length ? theme + '.' : ''),
-
-                },
-                {
-                    search: '$themePath$/',
-                    replace: (theme.length ? 'themes/' : ''),
-                }
-            ]
-        };
 module.exports = {
     mode: 'development',
     devtool: 'source-map',

webpack/webpack.server.js

@@ -12,6 +12,7 @@ module.exports = {
       output: {
         filename: 'server.js'
       },
+    module: {rules: []},
     target: 'node',
       externals: [nodeExternals({
         whitelist: [

webpack/webpack.test.js

@@ -1,5 +1,7 @@
 const {
-  root
+    root,
+    globalCSSImports,
+    themeReplaceOptions
 } = require('./helpers');
 
 /**
@@ -80,7 +82,11 @@ module.exports = function (options) {
           exclude: [/node_modules/],
 
         },
-
+        {
+            test: /\.component.ts$/,
+            loader: 'string-replace-loader',
+            options: themeReplaceOptions
+        },
         /**
          * Typescript loader support for .ts and Angular 2 async routes via .async.ts
          *
@@ -127,7 +133,6 @@ module.exports = function (options) {
               }
             }
           ],
-          exclude: [root('src/index.html')]
         },
 
         /**
@@ -137,19 +142,9 @@ module.exports = function (options) {
          */
         {
             test: /\.scss$/,
-          use: [{
+            use: [
-              loader: 'to-string-loader',
-              options: {
-                sourceMap: true
-              }
-            }, {
-              loader: 'raw-loader',
-              options: {
-                sourceMap: true
-              }
-            },
                 {
-              loader: 'postcss-loader',
+                    loader: 'raw-loader',
                     options: {
                         sourceMap: true
                     }
@@ -166,9 +161,18 @@ module.exports = function (options) {
                         sourceMap: true
                     }
                 },
+                {
+                    loader: 'string-replace-loader',
+                    options: themeReplaceOptions
+                },
+                {
+                    loader: 'sass-resources-loader',
+                    options: {
+                        resources: globalCSSImports
+                    },
+                },
                 'webpack-import-glob-loader'
-          ],
+            ]
-          exclude: [root('src/index.html')]
         },
 
         /**