React、警告 'css'は定義されていますが、決してno-unused-varsは使用されません

Question

私はReact AppでCSSファイルをインポートしようとしています。私は、CSSそうのように正常にインポートされています：

オリジナルソースアプリ：https://github.com/timscott/react-devise-sample

MainLayout.jsx

import css from '../styles/base.css' 

base.css

body { 
    opacity: .1; 
} 

私は私のロード私はスタイルが有効になって参照してくださいブラウザでアプリ。問題は、コンソールに私はJSの警告を取得していている：私は間違って

webpackHotDevClient.js:198 ./src/layouts/MainLayout.jsx 

.../client/src/layouts/MainLayout.jsx 
    12:8 warning 'css' is defined but never used no-unused-vars 

✖ 1 problem (0 errors, 1 warning) 

何をやっているのではCSSレンダリングが、まだコンソールに警告を取得させるように反応しますか？ CSSファイルがすでにJSXファイルに接続されているので、あなたは「からCSS」を必要としない

おかげ

Answer 1

名前は、コードの一部にそれらを呼び出す必要がある場合にのみ、この「コンポーネント」：例えば、他のJSXのコンポーネントを使用している場合にのみそれを行います。例えば、
。 CSSモジュールの使用。これは、このように負荷ので、唯一の定期的なCSSです：

import '../styles/base.css' 

しかし、あなたはまだあなたがあなたのES-糸くずを編集して、このルールを削除することができ、この未使用のVARを維持したい場合。 （推奨しません）

Answer 2

。

import SomeComponent from '../SomeComponent.jsx'