Create-React-App：node_moduleディレクトリのCSSを含める最も良い方法は何ですか？

Question

私は、作成する反応型のアプリケーションプロジェクトにいくつかのCSSを含めるようにしています。 CSSはサードパーティのNPMパッケージに由来し、したがって、node_modulesディレクトリにあります。

私が試した： import '/node_modules/packagename/css/styles.css';

をしかし、私はエラーを取得する：

Module not found: You attempted to import /node_modules/packagename/css/styles.css which falls outside of the project src/ directory. Relative imports outside of src/ are not supported. You can either move it inside src/, or add a symlink to it from project's node_modules/.

私はそれがNPM経由で更新できるようにはsrc /にCSSを移動しないことを好むだろう。私はシンボリックリンクできますが、私がWindows上で開発してLinuxにデプロイするとき、これは理想的ではありません。

私にCSSを含める最も良い方法は何ですか？

Answer 1

ソースファイルはnode_modulesと同じディレクトリ内にある場合、あなたのファイルが深いその後、一つのディレクトリであるならば、あなたはポイントがある

import '../node_modules/packagename/css/styles.css' 

を試してみてください

import './node_modules/packagename/css/styles.css' 

のようにインポートする必要があり、あなたがする必要があります./または../で始まる相対パスを入力します（どこからインポートするかによって異なります）