reactコンポーネントをスタイルで公開するにはどうすればいいですか？

Question

私はreactを使用してuiライブラリを公開したいと思います。しかし、私はスタイルを扱う方法を混同しています。私はproject.Iでコードを書く場合

例えば、私のコードをビルドするために& & babelwebpackを使用します、そして、それは*の.cssファイルを作成します。

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

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

しかし、私はちょうどcompoentsを反応させ書くならば、私は私のcode.Thereは* .lessファイルとdeailするcss-loaderではありませんコンパイルするバベルを使用します。コンパイル後、コードにrequre('./index.less')がありますが、ファイルが見つかりません。だから私はまだ上記のように私のコードを記述したい場合は、どうすれば* .cssでこの共用体を公開することができます。

Answer 1

リアクションのスタイリングコンポーネントがありますか？ここにはたくさんのオプションがあり、それはあなたが好むものになります。ちょうど簡単なGoogle検索は、あなたに多くのオプションを与えるでしょう。

個人的にお気に入りのパッケージはstyled-componentsです。