Monaco css assets tripping up webpack

[timkpaine]

 // Imports
    | ^
  2 | import ___CSS_LOADER_API_IMPORT___ from "../../../../../../css-loader/dist/runtime/api.js";
  3 | var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
 @ ./node_modules/monaco-editor/esm/vs/platform/contextview/browser/contextMenuHandler.css 2:12-317 9:17-24 13:15-29

Getting the same issues as this person's StackOverflow post:
https://stackoverflow.com/questions/68043024/unknown-word-error-in-css-file-even-with-css-loader

[timkpaine]

This seems to be working:

const styleLoaders = [
  {loader: "css-loader"},
  {
    loader: "postcss-loader",
    options: {
      postcssOptions: {
        minimize: true,
        plugins: [
          cssnano({
            preset: "lite",
          }),
        ],
      },
    },
  },
];

const rules = [
  {
    test: /\.less$/,
    // exclude: /node_modules\/(?!regular-table)/,
    use: styleLoaders.concat([{loader: "less-loader"}]),
  },
  {
    test: /\.css$/,
    exclude: /node_modules\/monaco-editor/,
    use: styleLoaders,
  },

[timkpaine]

https://github.com/zemeolotu/perspective-react-typescript-example/blob/master/webpack.config.js