React-使用cssModules和url-loader的Ne​​xt.js配置

我需要配置next.config.js文件，以便同时使用两个不同的加载程序。这是第一个：

const withSass = require('@zeit/next-sass');

module.exports = withSass({
    cssModules: true,
    cssLoaderOptions: {
        importLoaders: 1,
        localIdentName: "[local]___[hash:base64:5]",
    }
})

这是第二个：

const withSass = require('@zeit/next-sass');
const withCSS = require('@zeit/next-css');

module.exports = withCSS(withSass({
    webpack (config, options) {
        config.module.rules.push({
            test: /\.(png|jpg|gif|svg|eot|ttf|woff|woff2)$/,
            use: {
                loader: 'url-loader',
                options: {
                    limit: 100000
                }
            }
        })
        return config
    }
}))

单独地，他们工作很棒！但是我无法将它们结合在一条规则中，因此两者可以一起工作。

谢谢你的帮助！！