configured of LESS Module in webpack

components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/package.json

@@ -33,7 +33,7 @@
     "html-webpack-plugin": "^3.2.0",
     "img-loader": "^3.0.1",
     "less": "^3.9.0",
-    "less-loader": "^4.0.4",
+    "less-loader": "^4.1.0",
     "mini-css-extract-plugin": "^0.5.0",
     "mocha": "^5.2.0",
     "mock-local-storage": "^1.0.5",
@@ -48,7 +48,7 @@
     "react-intl": "^2.4.0",
     "redux": "^4.0.1",
     "sass-loader": "^6.0.7",
-    "style-loader": "^0.18.1",
+    "style-loader": "^0.18.2",
     "url-loader": "^1.1.2",
     "webpack": "^4.27.1",
     "webpack-cli": "^3.1.2",

components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/webpack.config.js

@@ -68,13 +68,22 @@ const config = {
             },
             {
                 test: /\.less$/,
-                use: [{
+                use: [
-                    loader: "style-loader" // creates style nodes from JS strings
+                    {
-                }, {
+                        loader: "style-loader" // creates style nodes from JS strings
-                    loader: "css-loader" // translates CSS into CommonJS
+                    },
-                }, {
+                    {
-                    loader: "less-loader" // compiles Less to CSS
+                        loader: "css-loader", // translates CSS into CommonJS
-                }]
+                        options: {
+                            sourceMap: true,
+                            modules: true,
+                            localIdentName: "[local]___[hash:base64:5]"
+                        }
+                    },
+                    {
+                        loader: "less-loader" // compiles Less to CSS
+                    }
+                ]
             },
             {
                 test: /\.(woff|woff2|eot|ttf|svg)$/,