从单独的模块导入 Emotion 样式部分会产生不正确的结果，但从文件导入有效

Posted 2023-03-15

【中文标题】从单独的模块导入 Emotion 样式部分会产生不正确的结果，但从文件导入有效

【英文标题】：Importing an Emotion style partial from a separate module yields improper results, but importing from file works

【发布时间】：2020-03-16 17:13:29

【问题描述】：

我正在使用 Webpack 和 Babel，我有相当多的经验，但我不知道这里可能发生了什么。我试图从中导入的主项目和模块都在一个 Lerna monorepo 中，并且都具有相同的 .babelrc 配置。 Babel 配置包括babel-plugin-emotion。

这是有问题的部分样式：

import  css  from 'emotion';
export const zoomPartial = css`
  zoom: 0.9;
`;

当我像这样导入部分时，我得到了正确的输出：

import  zoomPartial  from './partials';

但是当我这样导入时，我得到了一个不正确的输出：

import  zoomPartial  from 'partials-module';

【参考方案1】：

我从“emotion”而不是“@emotion/core”导入css