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]">

我的规则有问题吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）