Add alias for ui and remove SASS support

website/config/webpack.config.dev.js

@@ -93,6 +93,7 @@ module.exports = {
       'icons': path.join(srcPath, '/assets/icons/'),
       'data': path.join(srcPath, '/assets/data/'),
       'fonts': path.join(srcPath, '/assets/fonts/'),
+      'ui': path.join(srcPath, '/ui/'),
       'src': srcPath,
     },
     plugins: [
@@ -163,7 +164,7 @@ module.exports = {
       // In production, we use a plugin to extract that CSS to a file, but
       // in development "style" loader enables hot editing of CSS.
       {
-        test: /\.(sass|scss)$/,
+        test: /\.css$/,
         use: [
         require.resolve('style-loader'),
         {
@@ -172,7 +173,6 @@ module.exports = {
             importLoaders: 1,
           },
         },
-        { loader: require.resolve('sass-loader'), },
         {
           loader: require.resolve('postcss-loader'),
           options: {

website/config/webpack.config.prod.js

@@ -99,6 +99,7 @@ module.exports = {
       'icons': path.join(srcPath, '/assets/icons/'),
       'data': path.join(srcPath, '/assets/data/'),
       'fonts': path.join(srcPath, '/assets/fonts/'),
+      'ui': path.join(srcPath, '/ui/'),
       'src': srcPath,
     },
     plugins: [
@@ -172,7 +173,7 @@ module.exports = {
       // use the "style" loader inside the async code so CSS from them won't be
       // in the main CSS file.
       {
-        test: /\.(sass|scss)$/,
+            test: /\.css$/,
         loader: ExtractTextPlugin.extract(
           Object.assign(
             {
@@ -191,12 +192,6 @@ module.exports = {
                     sourceMap: shouldUseSourceMap,
                   },
                 },
-                {
-                  loader: require.resolve('sass-loader'),
-                  options: {
-                    sourceMap: shouldUseSourceMap,
-                  }
-                },
                 {
                   loader: require.resolve('postcss-loader'),
                   options: {