Webpack haml-jsx加载程序问题

Question

我正在尝试设置Webpack捆绑包，以便可以使用haml代替jsx进行模板化。这就是我为webpack配置的loader部分所做的：

use:[
      {
         loader:"babel-loader",
         options:{
            presets: ['@babel/preset-env'],
            plugins: [require('@babel/plugin-syntax-jsx')]
         }
      },
      {
        loader:"haml-jsx-loader"
      }
]

因此，当webpack加载.haml模板时，就会出现此问题。我收到此错误：“模块解析失败：意外的令牌。您可能需要适当的加载程序来处理此文件类型。

这是用于调试目的的完整配置：

const path = require('path');
module.exports = {
    entry:path.resolve(__dirname,"index.js"),
    module:{
        rules:[
            {
                test:/\.haml$/,
                use:[
                    {
                        loader:"babel-loader",
                        options:{
                            presets: ['@babel/preset-env'],
                            plugins: [require('@babel/plugin-syntax-jsx')]
                        }
                    },
                    {
                        loader:"haml-jsx-loader"
                    }
                ]   
            },
        ]
    },
    output: {
        filename:"bundle.js",
        path: path.resolve(__dirname,"/distro")
    },
};