从 React 中的 3rd 方库导入 css 样式

Question

愚蠢的问题。如何从 3rd 方库中导入样式？此库的 css 文件位于我的应用程序的节点模块文件夹中。

我尝试像这样在我的组件 css 文件中要求它...

@import url(~react-input-range/lib/css/index.css);

但我认为这行不通。另外，导入成功后，我是要编辑第 3 方 css 文件以进行更改，还是需要将类名导入到我的组件 css 文件中并在那里进行编辑？

Answer 1

可以直接使用

import 'react-input-range/lib/css/index.css';

导入默认样式。记得在你的 webpack 配置中有 css 加载器。