2016-07-16 17 views
1

問題インポートされたファイルが非常に多く発生しています。私はゆっくりとwebpackをレガシーサイトに挿入しようとしています。グローバルスタイルシートは多くあります:Webpackを使用してインポートしたSASSファイルを表示するにはどうすればよいですか?

require('../../../Content/Ones/_forms.scss'); 
require('../../../Content/Ones/_grid.scss'); 
require('../../../Content/Ones/_panels.scss'); 
require('../../../Content/Ones/one.scss'); 
require('../../../Content/Ones/_grid_tools.scss'); 

これを避ける方法はありますか?私は、私のユースケースに合った質問を見つけることができないので、間違った角度からこれを見ているだけかもしれません。

ありがとうございます!

+1

インポートされたSASSファイルの変更を見たり、グローバルSASSを避ける​​方法が不思議ですか? –

+0

私は実際に両方について疑問を抱いていましたが、インポートしたグローバルファイルを見たいと思っています。構造体は実際には「コンポーネント」ではありません。 – xivo

答えて

0

インポートしたSASSファイル(JSファイルまたは別のSASSファイルからインポートするかどうかにかかわらず)は、Webpack依存ツリーの一部です。したがって、それらはすべて自動的に監視される必要があります。そうでない場合は、アプリの構造やwebpackの設定に関する質問にさらに情報を追加してもよろしいですか?

グローバルSASSインポートの数を減らす方法として、いくつかの方法がありますが、ここでの選択は実際にはアプリの構造によって異なります。

サイド質問:このサイトにwebpackを追加する理由はありますか?特にあなたが得ることを望んでいるものは何ですか?私はそれがコンポーネントベースのSPAでなければ、あなたはウェブパックからあまり出てこないかもしれないし、トラブルの価値がないかもしれないからです。

+0

これはおそらく正しいでしょう。私のユースケースは、ハイブリッド(SPAの代わりに.NET Routing)ベースのレガシーアプリケーションからの恩恵の種類に対して少し誤りかもしれません。私たちは古い.NETベースのサイトから新しい構造にゆっくりと変換しようとしています。 CSSは、経験の浅いWebコンポーネントベースの開発のために、世界的に打ち切られました。代わりにGulp(タスクランナー)ルートに向かうべきかどうかは分かりません。 Webpackを使用することを決めた場合、ドキュメントに記載されています。 – xivo

関連する問題