npmパッケージでスタイルをエクスポートおよびインポートする方法は？

Question

反応コンポーネントがあり、webpackで構築したNPMレジストリにコンポーネントを公開します。私のメインのプロジェクトで、私はそのようなコンポーネントNPMパッケージJSを消費：

Import myComp from 'myComp'; 

問題はMYCOMPも私は1つに、すべてのCSSを構築した（のWebPACKとExtractTextPluginの助けを借りてdist/index.cssに組み込むことを、CSSを持っているということですファイル）。

そして、私はこのようなスタイルを消費したい：

Import 'myComp/index.css'; 

それとも

Import 'myComp/index'; 

そしてMYCOMPのNPMパッケージに私は、このインポート方法をサポートする方法でそれを公開します。

注：私はnode_modules

Import '../../../node_modules/myComp/index.css'; // bad 

おかげから直接インポートしたくありません！

Answer 1

だから、思ったよりも簡単ですが、あなたがする必要があるすべては（私が質問で行ったように）そのようなCSSをインポートすることです：

import 'myComp/dist/style.css'; 

と確認して、あなたのツール（browserify/WebPACKのなど。）あなたのjavascriptファイルにlss cssを扱うことができます。

この問題は、ビルドプロセスに関連していました。あなたは、NPMのレジストリに特定のコードをプッシュする場合

---

また、あなたはpackage.json内の「ファイル」を使用することができます。あなたはnpmレジストリに必要なファイルだけで終わるでしょう。 WebPACKの

のために、私はそれを好きではなかった - browserify https://www.npmjs.com/package/parcelify-loaderのために - https://github.com/rotundasoftware/parcelify：

files: [ 
"dist/*.css" 
] 

あなたはまた、のようなツールを使用することができます。あなたのnpmパッケージの消費者への依存を強要します。