Обработка css webpack. Верстка главного блока

webpack.config.js

@@ -16,10 +16,17 @@ module.exports = {
         rules: [
             { test: /\.(ts|tsx)$/, loader: "ts-loader" },
             {
-                test: /\.hbs$/,
+                test: /\.hbs|html$/,
                 loader: 'handlebars-loader',
             },
-        ]
+            {
+                test: /\.css$/i,
+                use: [
+                    { loader: "style-loader" },
+                    { loader: "css-loader" },
+                ],
+            },
+        ],
     },
     plugins: [
         new HtmlWebpackPlugin({
@@ -36,7 +43,6 @@ module.exports = {
         }),
         new CopyPlugin({
             patterns: [
-                {from: "./src/style.css", to: "style.css"},
                 {from: "./src/images", to: "images"},
             ],
         })