feat: added CSS and LESS processor

react-config-tutorial/src/index.js

@@ -1,5 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
+import "./style/main.less";
+
 /*
  *component Welcome
  *using class syntax from ES6

react-config-tutorial/src/style/header.less

@@ -0,0 +1,3 @@
+.header {
+  background-color: #3d3d;
+}

react-config-tutorial/src/style/main.less

@@ -0,0 +1,5 @@
+@import "header.less";
+@color: #f5adad;
+body {
+  background-color: @color;
+}

react-config-tutorial/webpack.config.js

@@ -29,7 +29,15 @@ module.exports = {
 		    //use esling-loader to hook JavaScript linter ESLint into Webpack
 		    'eslint-loader'
 		]
-	    }
+	    },
+	    {
+		test: /\.less$/,
+		use: [
+		    'style-loader',
+		    'css-loader',
+		    'less-loader',
+		],
+	    },
 	]
     },
 };