create-react-app内置的jest不支持装饰器的问题

Question

首先，我的config-overrides.js已经添加了对装饰器的支持，使用npm start启动项目，装饰器能够正常使用，然后我执行npm test，jest告诉我不支持装饰器语法Support for the experimental syntax 'decorators-legacy' isn't currently enabled，难道jest需要单独配置装饰器的支持？我该怎么办？

config-overrides.js

const path = require('path')
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
const { override, addDecoratorsLegacy } = require('customize-cra')

function resolve (dir) {
  return path.join(__dirname, dir)
}

const customize = () => (config, env) => {
  config.resolve.alias['@'] = resolve('src')
  if(env === 'production') {
    config.externals = {
      'react': 'React',
      'react-dom': 'ReactDOM'
    }
    // config.plugins.push(new BundleAnalyzerPlugin())
  }

  return config
};


module.exports = override(addDecoratorsLegacy(), customize())

package.json

  "scripts": {
    "start": "react-app-rewired start",
    "build": "react-app-rewired build",
    "test": "react-app-rewired test",
    "eject": "react-scripts eject"
  },

Answer 1

上面的addDecoratorsLegacy还不够

解决方法

在项目根目录下新增.babelrc文件（顺便说下，CRA会将.babelrc作为增量配置，也就是不需要其他配置来启用.babelrc文件的支持），做如下配置，注意要看你项目的babel-core是什么版本，7.0以下用babel-plugin-transform-decorators-legacy,7.0或者以上用plugin-proposal-decorators

.babelrc

{
  "plugins": [
    ["@babel/plugin-proposal-decorators", {"legacy": true}]
  ]
}