Webpackは同じスタイルを複数回インポートします

私のwebpack設定では、同じスタイルをヘッド<style>タグに何度もインポートすることに気付きました。私は、後に他の複数のコンポーネントのスタイルファイルでスタイルをインポートWebpackは同じスタイルを複数回インポートします

@import url('https://fonts.googleapis.com/icon?family=Material+Icons'); 
@import '~material-design-lite/src/material-design-lite.scss';

：

@import 'global';

は、私はそれがあるため、このようになります私のグローバルスタイルファイル、のだと思います私が逃した設定がいくつかありますか？
私はindex.jsファイルのインポートでグローバルスタイルファイルをインポートできると思っていましたが、これらのインポートが最初に行われなければならず、何とかwebpackでそれを達成できませんでした。

出典

2016-09-24 Vincas Stonys

あなたのmixin /変数を別々の '.scss'ファイルに分離してください。あなたはあなたのグローバルファイルとあなたのコンポーネントを別々にインポートできます。 – ctrlplusb

私は、ノードモジュールパッケージからmdl（マテリアルデザイン言語）によって提供される変数を使用します。私はそのファイルをunfortunatelly分割する方法がありません –

変数を別々に公開しませんか？ノードモジュールを確認してください – ctrlplusb

これはwebpackの問題ではありませんが、CSSを使用するとさらに多くの問題が発生します。 CSSアセットは静的にコンパイルされるため、globalをインポートする各スタイルシートにはコピーがあります。 Less、および@import (reference) statementを使用することもできますし、CSSを好み、別途ロードして毎回インポートすることもできます。

出典

2016-09-24 10:45:32 eavidan

同じことは、お尻で達成可能ですか？ –

私が知っているわけではありません。私が大事にしているのは、変数定義を持つscssファイルをインポートすることだけです。アプリで何かをインポートする唯一の理由です。それ以外の場合は、主なアプリまたはscssファイルに各（外部）スタイルシートをインポートするだけです。 – eavidan

OK、今見たことが正しいです。たぶんそれは私の最初の場所で間違ってインポートを使用している –

_global.scssの代わりにglobal.scssという名前のファイルがあると思います。アンダースコアは、これが部分的なものであり、それに対してファイルを作成しないことをトランスペラレータに伝えます。

出典

2016-09-25 12:30:40

Webpackは同じスタイルを複数回インポートします

答えて

関連する問題