Javascript 如何添加到next.config.js？特别是.md和.svg文件的不同加载程序

我有一个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徽标，并根据亮/暗进行切换，但这很笨重，我希望做得更好