問題タブ [webpack-2]

私はAngular 2アプリに取り組んでおり、現在Webpack 2で構築しようとしています(これはWebpackへの私の最初の進出です)。

style-loaderとの違いを理解してto-string-loaderいます。前者は CSS を DOM に追加し、後者は Angular 2 がstylesプロパティを介して消費する文字列配列を作成します。

私の質問は、私は両方を持つことができますか？または別の言い方をすれば、ファイルにグローバル スタイルがある場合、コンポーネント スタイル ( 、)site.cssの動作を変更せずにそれらを Webpack にバンドルする適切な方法は何ですか?to-string-loadercss-loader

それらを要求またはインポートするmain.tsだけでは、Webpack が何をすべきかを理解するのに十分ではないようです。

clientHeight単一ファイル コンポーネントによって作成された vue インスタンスのプロパティにアクセスしようとしていますが、undefined が返されます。これどうやってするの？

webpack 2 にアップグレードしましたが、ツリーを振る前にバンドル サイズが大きくなりました。とのような大きなファイルがあるように見える理由を調査するbn.jsとeliptic（node-libs-browserのいくつかの依存関係 - それ自体は現在webpack2の依存関係になっています）。これらを削除または除外する方法はありますか? webpack1 では、バンドルに追加されていませんでした。

ES6をES5に変換するためにbabel-loaderでwebpack2を使用しています.webpackでhtmlとcssローダーを使用する予定ですが、開始方法と実装方法は?

webpack2 の webpack-dev-server を動作させることができないようです。

私はバージョンを使用しています: webpack@2.1.0-beta.25&webpack-dev-server@2.1.0-beta.10

次の CLI ログを取得しています。

私のwebpack.config.jsファイルは次のようになります。

私は何が欠けていますか？

webpack 2 で ES6 モジュール システムが導入さrequire('./mytemplate.html')れたため、angular 1 および webpack 2 ベースのプロジェクトでは構文が機能しません。

HTML テンプレートをロードするために webpack 2 で動作するローダーが見つかりません。

webpack2を使用してangular 1テンプレートファイルをロードする正しい方法は何ですか?

注: typescript クラスを使用して、template: require('./mytemplate.html') プロパティを持つ angular 1 コンポーネントを作成しています。例として。

webpack 2 に更新しようとしています。webpack-stream を使用して gulp から実行していますが、webpack-stream は webpack 1 である webpack への独自の依存関係を使用しているようです。

webpack 2 で webpack-stream を見つけることができませんでした。gulp から webpack 2 を使用する可能性はありますか?