diff --git a/package.json b/package.json
index e994175..570be70 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "wlan-cloud-ui",
-  "version": "0.4.4",
+  "version": "0.5.0",
   "author": "ConnectUs",
   "description": "React Portal",
   "engines": {
diff --git a/webpack/webpack.bare.js b/webpack/webpack.bare.js
index 0dbf4d8..5a7c482 100644
--- a/webpack/webpack.bare.js
+++ b/webpack/webpack.bare.js
@@ -35,6 +35,28 @@ module.exports = {
           },
           {
             loader: 'sass-loader',
+            options: {
+              sourceMap: true,
+            },
+          },
+        ],
+      },
+      {
+        test: /\.less$/,
+        use: [
+          {
+            loader: 'style-loader',
+          },
+          {
+            loader: 'css-loader',
+          },
+          {
+            loader: 'less-loader', // compiles Less to CSS
+            options: {
+              lessOptions: {
+                javascriptEnabled: true,
+              },
+            },
           },
         ],
       },
diff --git a/webpack/webpack.common.js b/webpack/webpack.common.js
index 37877a6..7ba26e5 100644
--- a/webpack/webpack.common.js
+++ b/webpack/webpack.common.js
@@ -22,23 +22,6 @@ module.exports = {
         exclude: /node_modules/,
         use: ['babel-loader', 'eslint-loader'],
       },
-      {
-        test: /\.less$/,
-        use: [
-          {
-            loader: 'style-loader',
-          },
-          {
-            loader: 'css-loader',
-          },
-          {
-            loader: 'less-loader',
-            options: {
-              javascriptEnabled: true,
-            },
-          },
-        ],
-      },
     ],
   },
   plugins: [
diff --git a/webpack/webpack.dev.js b/webpack/webpack.dev.js
index c2c509b..5348da5 100644
--- a/webpack/webpack.dev.js
+++ b/webpack/webpack.dev.js
@@ -34,6 +34,28 @@ module.exports = {
           },
           {
             loader: 'sass-loader',
+            options: {
+              sourceMap: true,
+            },
+          },
+        ],
+      },
+      {
+        test: /\.less$/,
+        use: [
+          {
+            loader: 'style-loader',
+          },
+          {
+            loader: 'css-loader',
+          },
+          {
+            loader: 'less-loader', // compiles Less to CSS
+            options: {
+              lessOptions: {
+                javascriptEnabled: true,
+              },
+            },
           },
         ],
       },
diff --git a/webpack/webpack.prod.js b/webpack/webpack.prod.js
index 049fd04..8de7f82 100644
--- a/webpack/webpack.prod.js
+++ b/webpack/webpack.prod.js
@@ -14,6 +14,7 @@ module.exports = {
     chunkFilename: `${commonPaths.jsFolder}/[name].[chunkhash].js`,
   },
   optimization: {
+    minimize: true,
     minimizer: [
       new TerserPlugin({
         // Use multi-process parallel running to improve the build speed
@@ -67,6 +68,23 @@ module.exports = {
           'sass-loader',
         ],
       },
+      {
+        test: /\.less$/,
+        use: [
+          MiniCssExtractPlugin.loader,
+          {
+            loader: 'css-loader',
+          },
+          {
+            loader: 'less-loader', // compiles Less to CSS
+            options: {
+              lessOptions: {
+                javascriptEnabled: true,
+              },
+            },
+          },
+        ],
+      },
     ],
   },
   resolve: {