webpack 5 - 如何使用/加载外部 css？

如何解决webpack 5 - 如何使用/加载外部 css？

我正在尝试使用 angular 9 和带有模块 federation 的 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]">

我的规则有问题吗？