(Style|CSS loaders): added, to make the styles effective

Author: schowdhury

app/features/auth/index.tsx

@@ -2,9 +2,10 @@ import * as React from 'react';
 import {connect} from "react-redux";
 import {Action, Dispatch} from  "redux";
 import {actionCheckIsLoggedIn} from "./actionAuth";
-
 import IState from "../../config/IState";
 
+import "./style/auth.css";
+
 interface ISignupState {
     status: boolean
 }

auth/style/auth.css

@@ -25,11 +25,14 @@
     "babel-loader": "^7.1.5",
     "babel-preset-env": "^1.7.0",
     "babel-preset-react": "^6.24.1",
+    "css-loader": "^1.0.0",
     "extract-text-webpack-plugin": "^3.0.2",
     "gulp-less": "^4.0.1",
     "html-webpack-plugin": "^3.2.0",
     "less-loader": "^4.1.0",
+    "mini-css-extract-plugin": "^0.4.3",
     "source-map-loader": "^0.2.4",
+    "style-loader": "^0.23.1",
     "typescript": "^3.1.2",
     "webpack": "^4.20.2",
     "webpack-cli": "^3.1.2",

package-lock.json

@@ -27,15 +27,9 @@ module.exports = {
             },
 
             {
-                test: /\.less$/,
-                use: [{
-                    loader: 'style-loader' // creates style nodes from JS strings
-                }, {
-                    loader: 'css-loader' // translates CSS into CommonJS
-                }, {
-                    loader: 'less-loader' // compiles Less to CSS
-                }]
-              }
+                test: /\.css$/,
+                use: [ 'style-loader', 'css-loader' ]
+            }
         ]
     },
     plugins:[