[Task] #58, webpack configuriation to allow regular css files as well…

… as modules

src/client/components/App.tsx

@@ -1,20 +1,20 @@
 import React from 'react';
 import { BrowserRouter as Router, Route, Routes, Link } from 'react-router-dom';
 import Contacts from './Contacts';
-import * as css from "./css/app.module.css";
+import "./css/app.css";
 
 import Provider from "./context"
 
 const App = () => {
   return (
     <Provider>
-      <div className={css.app}>
+      <div className="app">
         <Router>
           <Routes>
             <Route path="/contacts" element={<Contacts />} />
             <Route path="/" element={
               <>
-                <h1 className={css.headline}>Hello, React! <br /> 
+                <h1 className="headline">Hello, React! <br /> 
                 <Link to="/contacts">Go to Contacts</Link></h1>                
               </>
             } />

webpack.config.js

@@ -20,15 +20,22 @@ module.exports = (args) => {
         {
           test: /\.css$/,
           use: [
-            'style-loader',
+            "style-loader",
             {
-              loader: 'css-loader',
+              loader: "css-loader",
               options: {
+                importLoaders: 1,
                 modules: true,
               },
             },
           ],
-        }
+          include: /\.module\.css$/,
+        },
+        {
+          test: /\.css$/,
+          use: ["style-loader", "css-loader"],
+          exclude: /\.module\.css$/,
+        },
       ],
     },
     resolve: {