用玩笑实现@emotion/babel-plugin

Question

在我们的项目中，我们让@emotion/babel-plugin正常工作，但是我们无法让它与jest一起工作，我们的jest-preprocess文件如下所示：

const babelJest = require('babel-jest');

const babelOptions = {
  presets: ['babel-preset-gatsby'],
  plugins: ['@emotion'],
};

module.exports = babelJest.default.createTransformer(babelOptions);

当我们运行测试时，我们只得到：

Component selectors can only be used in conjunction with @emotion/babel-plugin.

Answer 1

你试过使用：

// jest-preprocess.js
const babelJest = require('babel-jest').default;

const babelOptions = {
  presets: [
    "babel-preset-gatsby",
    "@emotion/babel-preset-css-prop",
  ],
  plugins: ["emotion"],
}
module.exports = babelJest.createTransformer(babelOptions)