为WebPack和Jest设置地图别名

Question

所以我在 webpack.config.js

上有这个

resolve : {
    alias : {
        Actions    : path.resolve(__dirname  , 'src/actions/'),
        Components : path.resolve( __dirname , 'src/components/' ),
        Reducers   : path.resolve( __dirname , 'src/reducers/' ),
        Sagas      : path.resolve( __dirname , 'src/sagas/' )
    }
},

一切都很好，我的测试应用程序运行良好，我能够导入我的组件，我可以构建我的应用程序

然而

我的开玩笑测试失败

我在控制台上无法从组件文件中找到模块模块名称 错误

所以我尝试在 jest.config.json 文件中设置 moduleNameMapper

这就是我目前所拥有的

"moduleNameMapper"    : {
                        "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$" : "<rootDir>/src/__mocks__/fileMock.js",
                        "\\.(css|less|scss|sass)$" : "<rootDir>/src/__mocks__/styleMock.js",
                        "^Actions$"    : "<rootDir>/src/actions/",
                        "^Reducers$"   : "<rootDir>/src/reducers/",
                        "^Components$" : "<rootDir>/src/components/",
                        "^Sagas$"      : "<rootDir>/src/sagas/"
                    }

似乎不起作用，我得到的错误与上面的截图相同。

你能帮助我完成我想要做的事情，并且有一些地图别名可以在webpack和jest上运行。

提前致谢。