如何添加到next.config.js？ .md和.svg文件的专门不同的加载程序

Question

我有一个next.config.js用于我的构建，我正在尝试添加.svg加载，以便我的徽标可以响应亮/暗模式。我尝试了许多不同的方法，但是在尝试“嵌套” svg加载程序而不破坏我的配置时，我显然做错了。当前配置文件：

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

module.exports = withCSS(
    withSass(
        withTM({
        transpileModules: [
            'react-flexbox-grid',
            'react-syntax-highlighter',
        ],
        webpack: function(config) {
            config.module.rules.push({
              test: /\.md$/,
              use: 'raw-loader',
            })
            return config
          },
        })
    )
);

我想添加一个.svg加载程序，例如'next-images'，但是除了下面的独立版本外，我找不到其他配置示例：

// next.config.js
const withImages = require('next-images')
module.exports = withImages()

感谢您提供的任何帮助！我目前正在使用.jpg徽标，并根据明暗进行切换，但这很笨拙，我想做得更好。