反应+；Babel：如何为共享组件库加载CSS文件？

我目前正在尝试构建一个共享组件库，可以在不同的项目中使用

这是我的index.js文件：

import Avatar from "./components/Avatar";
import Heading1 from "./components/Heading1";

import styles from "./global.css";

export { Avatar, Heading1 };

我之所以加载

global.css

，是因为我想使用自定义字体

当我运行

babel src-d build

时，它似乎跳过了我的CSS文件：

myapp-ui edmund/theming % npm run build

> @myapp/ui@0.1.0 build /Users/edmundmai/Documents/src/myapp/myapp-ui
> babel src -d build

src/components/Avatar.js -> build/components/Avatar.js
src/components/Heading1.js -> build/components/Heading1.js
src/index.js -> build/index.js
src/stories/Avatar.stories.js -> build/stories/Avatar.stories.js
src/stories/Headling1.stories.js -> build/stories/Headling1.stories.js
src/theme.js -> build/theme.js

Failed to compile.

../myapp-ui/build/index.js
Module not found: Can't resolve './global.css' in '/Users/edmundmai/Documents/src/myapp/myapp-ui/build'

当我进入其中一个应用程序并尝试加载此共享组件库时，它还会抛出一个关于缺少CSS文件的错误：

myapp-ui edmund/theming % npm run build

> @myapp/ui@0.1.0 build /Users/edmundmai/Documents/src/myapp/myapp-ui
> babel src -d build

src/components/Avatar.js -> build/components/Avatar.js
src/components/Heading1.js -> build/components/Heading1.js
src/index.js -> build/index.js
src/stories/Avatar.stories.js -> build/stories/Avatar.stories.js
src/stories/Headling1.stories.js -> build/stories/Headling1.stories.js
src/theme.js -> build/theme.js

Failed to compile.

../myapp-ui/build/index.js
Module not found: Can't resolve './global.css' in '/Users/edmundmai/Documents/src/myapp/myapp-ui/build'

---

如何为共享组件库加载CSS或自定义字体？

您是否尝试过导入该文件<代码>导入“/global.css”是。这是我做的第一件事你只需要补充一下webpack@ArtemBalamutyuk你是对的。我从只使用babel切换到webpack和css加载器