問題タブ [survivejs]

このために、 webpack の学習を開始し、survive.js の本 ( http://survivejs.com/webpack_react/getting_started/ ) を読み始めました。でも一瞬理解できない。

最初の例をビルドしようとすると、本のチャンクが 1 つ多くなります。書籍のビルド ログ:

私のビルドログ

なぜ私が持っているのか理解するのを手伝ってもらえます[0] multi main 28 bytes {0} [built]か? これを削除して、最終ファイルに 2 つのモジュールを含めるにはどうすればよいですか?

オブジェクトのすべてのエントリに対してcommon.entry、次のようにコンソールに出力されます ( my に 3 つのエントリがありますwebpack.config.js)。これは望ましい出力ですか?

webpack.config.js

lib/parts.js

const webpack = require('webpack'); const CleanWebpackPlugin = require('clean-webpack-plugin'); const ExtractTextPlugin = require('extract-text-webpack-plugin');

私はWebpackを使い始めたばかりなので、危険なほどの知識しかなく、構成ファイルをかなり混乱させたと確信しています。しかし、それは私のマシンで問題なく実行されている、サバイバルJSの例に非常によく似ています。ただし、アプリをロードすると、WebSocket ハンドシェイクの失敗に関する一連のメッセージがコンソールに表示されます。

すべてが2回ロードされます。そして、ファイルを更新するたびに、上記のすべてのエラーの繰り返しに加えて、さらに多くのエラーが発生します。

なぜそれが私に怒っているのか分かりますか？

これが私のwebpack構成です（ビルドは問題なく動作します）：

webpack を使用して反応アプリで Promise を使用しようとしていますが、次のエラーが発生します。

'Promise' is not defined no-undef

これまでのところ、すべてうまく機能していました (babel を使用して js と jsx を変換しました) が、残念ながら Promise は機能しません。

さらに、Chrome (最新) でこのエラーが発生し、Promise はビルトイン機能でしたが.... そうですか?

これが私が使用する構成の一部です（私はサバイバルjsかんばんアプリをスターターとして使用しました。いくつかの機能を追加しようとしています）。初期設定はあまり変更しませんでした：

web pack.config.js から

.babelrc から

失敗したコード:

有効な答えはコメントにあります

ReactJS コンポーネントをバンドルするために webpack を使用します。この ReactJS コンポーネントにはいくつかの依存関係があり、そのうちの 1 つが jQuery です。今は webpack を実行して、バンドルされたスクリプトを作成しています。

ここで、バンドルされたスクリプト (ReactJS コンポーネントを表す) をレガシー アプリケーションに統合したいと考えています。このアプリケーションは、別のバージョンの jQuery を使用します (jQuery javascript ファイルを直接インポートすることにより)。

1 つのアプリケーションに 2 つの jQuery バージョンがあるため、これが問題につながる可能性があるのではないかと思います。webpack がバンドル内の依存関係を処理する方法がよくわかりません。レガシー アプリケーションの一部に影響を与えないように、それらはバンドル内で一種の「範囲指定」されていますか? または、そうする方法はありますか？

私のwebpack.config：

WEBPACK @ 2.2 WEBPACK-MERGE @ 2.4

私は webpack マージを使用して、スマートな開発または運用構成を行っています。

私の開始スクリプトは次のようになります

そして私のwebpack-configは次のようになります：

Webpack はローカルで正常にコンパイルされますが、heroku にデプロイしようとすると、papertrail の出力は次のようになります。

何か案は？