使用CSS模块时，后台url中的相对路径不起作用

Question

我使用react-react-app。 我设置url: false ，并启用css-modules。

webpack.gonfig.dev.js(module/ rules): 
       {
        test: /\.css$/,
        use: [
          require.resolve("style-loader"),
          {
            loader: require.resolve("css-loader"),
            options: {
              importLoaders: 1,
              modules: true,
              localIdentName: "[name]__[local]___[hash:base64:5]",
              url: false
            }
          }
        ]
      },

webpack.config.prod.js：

                {
                  loader: require.resolve("css-loader"),
                  options: {
                    importLoaders: 1,
                    modules: true,
                    url: false,
                    minimize: true,
                    sourceMap: shouldUseSourceMap
                  }
                },

./index.css背景不起作用（ 如果使用绝对路径，则可以 ）：

.whiteBoardMainSection {
background-image: url(../../assets/white-board-hospital.png);

}

导入CSS

import styles from "./index.css";

Answer 1

当node_modules中的url抛出err时，我不应该使用url: false我应该在加载器中添加exclude: [/node_modules/] 。

          {
        test: /\.css$/,
        use: [
          require.resolve("style-loader"),
          {
            loader: require.resolve("css-loader"),
            options: {
              importLoaders: 1,
              modules: true,
              localIdentName: "[name]__[local]___[hash:base64:5]"
            }
          }
        ],
        exclude: [/node_modules/]
      },