webpack 5 - как использовать / загрузить внешний CSS?

Question

Я пытаюсь настроить приложение с angular 9 и webpack 5 с федерацией модулей. У меня проблема с использованием некоторых файлов css в качестве глобальных стилей. Я уже добавил правила, но они не применяются должным образом. Вот моя конфигурация,

              {
            test: /\.scss$/,
            exclude: [/node_modules/, /\.global\.scss$/],
            use: ["to-string-loader", "style-loader", "css-loader", "sass-loader"],
            include: helpers.root('./src'),
        },

        {
            test: /\.css$/i,
            use: [
                "to-string-loader",
                {
                    loader: "css-loader",
                    options: {
                        modules: true,
                        url: false
                    },
                }],
            include: helpers.root('./src')
        },

И я добавляю на страницу Html, как показано ниже,

        <link rel="stylesheet" href="assets/css/material-icon.css">
  <link rel="stylesheet" href="assets/css/material-light.css">

Но когда я бегу, он добавляется, как показано ниже,

        <link rel="stylesheet" href="[object Module]">
  <link rel="stylesheet" href="[object Module]">

есть проблемы с моими правилами?