Jest with Babel-jest不编译父文件夹中的js

Question

当我从一个文件夹中运行jest，并且一些文件在父目录中时，我遇到了一个问题。

我的存储库看起来是这样的：

|-common
|  |-.babelrc
|  |-src
|    |-js
|      |-someDependencies.js
|-app
   |-src
   | |-js
   |   |-someCodeIncludingSomeDependencies.js
   |-.babelrc
   |-package.json 
   |-webpack.config.js

我的Jest配置在package.json中，是：

    "jest": {
        "moduleNameMapper": {
            "^vue$": "vue/dist/vue.common.js",
            "^@/(.*)$": "<rootDir>/src/$1",
            "^@Common/(.*)$": "<rootDir>/../common/src/$1"
        },
        "moduleFileExtensions": [
            "js",
            "vue"
        ],
        "snapshotSerializers": [
            "jest-serializer-vue"
        ],
        "transform": {
            "^.+\\.js$": "babel-jest",
            ".+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$": "jest-transform-stub",
            ".*\\.(vue)$": "vue-jest"
        },
        "collectCoverageFrom": [
            "**/*.{js,vue}",
            "!**/dist/**",
            "!<rootDir>/coverage/**",
            "!**/node_modules/**"
        ],
        "transformIgnorePatterns": [
            "<rootDir>/node_modules/"
        ]
    },

我从'app‘文件夹运行Jest。

我的问题是，当我运行Jest时，'common/src/js‘中的代码没有被babel转换，并且出错：

...
SyntaxError: Unexpected token export

      3 | 
      4 | 
    > 5 | export default {}
        | ^
...

Answer 1

在Babel 7.x中，Babel有一个“根”目录的概念，默认为当前工作目录。

有关更多信息，请阅读here。

只需在.babelrc文件中指定root属性以指向父文件夹，也可以将.babelrc文件移动到该父文件夹。

Answer 2

我解决了将'.babelrc‘配置文件更改为'babel.config.js’文件的问题...