fix(ZNTA-2379) sass loader added to frontend

zanata · Mar 12, 2018 · 56efa42 · 56efa42
1 parent 21c512e
commit 56efa42
Show file tree

Hide file tree

Showing 4 changed files with 1,686 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -0,0 +1,7 @@
+{
+  "dependencies": {
+    "grommet": "^1.10.1",
+    "node-sass": "^4.8.1",
+    "sass-loader": "^6.0.7"
+  }
+}
diff --git a/server/zanata-frontend/src/package.json b/server/zanata-frontend/src/package.json
@@ -14,6 +14,7 @@
     "build": "yarn run check && node scripts/build",
     "draft": "yarn run check && node scripts/build --draft",
     "extract-messages": "yarn run check && node scripts/extract-messages",
+    "postinstall" : "npm --ignore-scripts=false rebuild node-sass",
     "watch": "yarn run check && node scripts/dev-server",
     "watch:editor": "yarn run check && node scripts/dev-server --editor",
     "styleguide-server": "yarn run check && styleguidist server",

diff --git a/server/zanata-frontend/src/webpack.config.js b/server/zanata-frontend/src/webpack.config.js
@@ -198,7 +198,7 @@ module.exports = function (env) {
             ])
           })
         },
-          
+
         /* Bundles bootstrap css into the same bundle as the other css.
          */
         {
@@ -220,7 +220,23 @@ module.exports = function (env) {
               'less-loader'
             ]
           })
-        }
+        },
+        {
+          test: /\.scss$/,
+          use: [
+            {
+              loader: 'style-loader'
+            },
+            {
+              loader: 'css-loader'
+            },
+            {
+              loader: 'sass-loader', options: {
+                includePaths: ['./node_modules']
+              }
+            }
+          ]
+        },
       ])
     },