如何使用样式发布反应组件？

Question

我想使用react发布一个ui库。但我对如何处理风格感到困惑。

例如，如果我在项目中编写代码。我将使用webpack＆amp;＆amp; babel构建我的代码，它将创建一个* .css文件。

import React from 'react';
import './index.less';

export default function() {
  return (
    <div>
      123
    </div>
  )
}

但是，如果我只是编写反应组件，我将使用babel编译我的代码。* {。}}没有使用* .less文件。编译后，代码中有css-loader，但找不到文件。因此，如果我仍然想要编写上面的代码，我该如何使用* .css发布这些组件。

Answer 1

您是否研究过React中有关样式组件的可用选项？因为这里有很多选择，它归结为你喜欢的。只需快速谷歌搜索，您就会有很多选择。

我个人最喜欢的包是styled-components个。