Reactjs 如何在next.config.js文件中包含多个带有下一个css的插件

我正在导入react slick css文件。当我从next.config.js文件中删除

cssModules:true

时，一切正常。知道为什么添加

cssModules:true

会产生问题吗

const withCSS = require("@zeit/next-css");
module.exports = withCSS({
  cssModules: true,
  webpack: config => {
    config.module.rules.push({
      test: /\.(eot|woff|woff2|ttf|svg|png|jpg|gif)$/,
      use: {
        loader: "url-loader",
        options: {
          limit: 100000,
          name: "[name].[ext]"
        }
      }
    });
    return config;
  }
});

---

我看不出问题所在。你能在重现问题的地方制作一个github repo吗？我不知道你的代码的结构，但是我猜，你正在像这样导入react-slick css文件

从“./style.css”导入css

如果是这种情况，您需要将其更改为简单的“

导入”./style.css“

注意上次导入时缺少字符串“css from”。第一种导入样式是导致cssmodule效果发挥作用的原因，因此会更改类名，因此，slick.css文件不会正确选择slick组件。如果我可以称之为css文件slick.css，我看不出问题所在。你能在重现问题的地方制作一个github repo吗？我不知道你的代码的结构，但是我猜，你正在像这样导入react-slick css文件

从“./style.css”导入css

如果是这种情况，您需要将其更改为简单的“

导入”./style.css“

注意上次导入时缺少字符串“css from”。第一种导入样式是导致cssmodule效果发挥作用的原因，因此会更改类名，因此，slick.css文件不会正确选择slick组件。如果我可以称之为css文件slick.css的话。