2017-10-19 12 views
0

私はWebPackへのJeffrey Wayの紹介を見てきました。なぜなら、彼の.scssファイルをmain.jsファイルにインポートして別のファイルに再度抽出できるからです。最初にJSに入る必要があるのはなぜですか?WebpackではJSファイル内にSASSが必要ですか?

誰かが私を説明して助けてくれるほど親切です。私は何かを欠いているに違いない。

+0

はWebPACKののウォッチャーとホットリロードではなく、まったく別のセットを必要とするのは、あまりにも、CSSで動作することができます、それは間違っていることを証明するためのプラグインが必要になりますそれらを監視するためのツールの使用。 – ceejayoz

+0

@ceejayozだから、CSSやその他のJSファイルに必要な負荷をかけてmain.jsファイルを作成する必要がありますか?これをWebPackが監視するものとして使用しますか? – rctneil

+0

あなたは好きですか?ジェフリー・ウェイの方法が気に入らなければ、JavaScriptビルドを設定する方法は無限にあります。 – ceejayoz

答えて

2

簡単な答えは基本的に、JSをビルドしてバンドルするためのwebpackです。 Webpackを拡張してSCSS、LESS、... bundlingを提供するプラグインがあります。

すべてのバンドルにはエントリポイントがあります。 webpackの場合、それは.jsファイルです。 エントリポイントでインポート/要求する各ファイル、またはエントリポイントでインポート/必要なファイル内の各ファイルは、最終バンドルになります。

webpackのデフォルトの動作は、.scss/.cssを.jsバンドルにバンドルすることです。 ExtractTextWebpackPluginのようなプラグインを使用すると、別々のスタイルバンドルを作成できます。

だから、答えは:WebPACKのは、すべてのJavaScriptで、想定しておりますが;-)

+0

ありがとう、私は実際には、複数のファイルをエントリポイントに渡すことができることがわかりました。私はapp.jsとapp.scssを渡しました。これらのファイルは、他のJSやその他のSCSSファイルやCSSファイルをインポートします。これまで実際にうまくいくと思われます。残念ながら、私のcss出力フォルダ内に空のapp.jsファイルを作成しています。私がOPに設定を投稿すると、あなたは一見かかりますか? – rctneil

関連する問題