Fix missing core styles in dev mode (#7037)

Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>

packages/core/webpack/dev-server.ts

@@ -1,46 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-
-import Webpack from "webpack";
-import WebpackDevServer from "webpack-dev-server";
-import { webpackLensRenderer } from "./renderer";
-import { buildDir, webpackDevServerPort } from "./vars";
-
-/**
- * API docs:
- * @url https://webpack.js.org/configuration/dev-server/
- * @url https://github.com/chimurai/http-proxy-middleware
- */
-const config = webpackLensRenderer({ showVars: false });
-const compiler = Webpack(config);
-
-const server = new WebpackDevServer({
-  setupExitSignals: true,
-  headers: {
-    "Access-Control-Allow-Origin": "*",
-  },
-  allowedHosts: "all",
-  host: "localhost",
-  port: webpackDevServerPort,
-  static: buildDir, // aka `devServer.contentBase` in webpack@4
-  hot: true,
-  liveReload: false,
-  historyApiFallback: true,
-  compress: true, // enable gzip for everything served
-  devMiddleware: {
-    writeToDisk: false,
-    index: "OpenLensDev.html",
-    publicPath: "/build",
-  },
-  client: {
-    reconnect: true,
-    overlay: false, // don't show warnings and errors on top of rendered app view
-    logging: "info",
-  },
-}, compiler);
-
-console.info(`[WEBPACK-DEV-SERVER]: created with options`, server.options);
-
-server.start();

packages/core/webpack/renderer.ts

@@ -175,9 +175,7 @@ export interface CssModulesWebpackRuleOptions {
  * Import CSS or SASS styles with modules support (*.module.scss)
  */
 export function cssModulesWebpackRule({ styleLoader }: CssModulesWebpackRuleOptions = {}): webpack.RuleSetRule {
-  styleLoader ??= isDevelopment
+  styleLoader ??= MiniCssExtractPlugin.loader;
-    ? "style-loader"
-    : MiniCssExtractPlugin.loader;
 
   return {
     test: /\.s?css$/,