問題タブ [webpack]

私はwebpack（http://webpack.github.io/）を試していますが、見た目はとても良いですが、ここで立ち往生しています。

ライブラリ、f.ex jQuery に CDN を使用しているとします。次に、私のコードではrequire('jquery')、モジュールからグローバル jquery インスタンスをインクルードしようとするのではなく、グローバル jquery インスタンスを自動的に指すようにします。

次のようなプラグインを使用してみましたIgnorePlugin：

これはライブラリを無視するために機能しますが、webpacker を実行すると、必要なモジュールが「見つからない」と表示されます。

jqueryどういうわけか、代わりにグローバルコンテキストからピックアップする必要があるwebpack を伝える必要があります。一般的な使用例のように見えるので、ドキュメントがこれを具体的に対象としていないことにちょっと驚いています。

Webpack を使用して、Web サイトの JavaScript を作成しています。

すべてが完全に機能しますが、require をテンプレートに呼び出したいと思います (動的に追加されます)。

ビルド後にモジュールを要求できるようにしたい。(require はグローバル コンテキストに定義されていません)。

出来ますか ？

どうも

大規模なアプリケーションで角度依存関係を非同期に読み込みたいのですが、これについてBrowserifyまたはWebpackのどちらかを決定しようとしています。angular 2.0 がこれをネイティブにサポートすることはわかっていますが、今のところ、十分にサポートされ、人気のあるソリューションを探しています。

角度のあるチームで最も効果的なものと、プロジェクトを構成するための最適な方法について、誰でもアドバイスできますか?

Traceurを介して ES6 を実行したい。ただし、AMD モジュールまたは commonjs を受け入れることができる Webpack も使用したいと思います。

Traceur がこれらと互換性を保つための手順 (ES5 の出力が require +definesなどを維持する) を行っているかどうか、また Traceur を気にせずに Webpack ビルドを進めることができるかどうか疑問に思っていました。

inline-source-mapChrome devtools デバッガーを使用すると、構成設定を使用して Webpack によって生成されたソースマップが 1 行ずれるという問題が発生しています。Webpack は、Ruby on Rails アプリケーション内にセットアップされ、数十個のモジュールで構成される、連結された縮小されていない JavaScript ファイルを生成します。これらのモジュールのほとんどは ReactJS コンポーネントであり、jsxローダーによって解析されます。Webpack からの出力は、application.jsgem によって生成された他の JavaScript ライブラリと共にファイルに含まれます。

使用する場合eval-source-mapは問題ありません。の使用に関する何かinline-source-mapにより、行番号が 1 つずれます。

React コンポーネントではない JavaScript の検査にはまだこの問題があるため、jsx の使用とは関係ないと思います。

http://newtriks.com/2013/12/31/automating-react-with-yeoman-and-grunt/で生成されたプロジェクトで Grunt から Karma/Jasmine を実行しようとしています。

Karma は PhantomJS (または Chrome) を起動し、singleRun に応じて、タイムアウトするか、そのまま何もしません。captureTimeout同様の問題を抱えている人々からの解決策を読んで、変更を試みましbrowserNoActivityTimeoutたが、うまくいかないようです。

関連するパッケージのバージョンなど:

• NodeJS: 0.10.25
• カルマ: 0.12.16
• ウェブパック: 1.1.11
• webpack-dev-server: 1.4.1
• カルマ-ジャスミン: 0.1.5
• Linux: Ubuntu 14.04

OS Xで同じ問題を抱えている人を見つけました：

すべての開発依存関係を最新バージョンに更新しようとしましたが、問題はまだ残っています。

私のコンソール出力は以下のとおりです。bundle is now VALID/INVALIDを参照する webpack 行は心配ですが、それらが何を意味するのかについての情報は見つかりません。これが私のコンソール出力です：

これが私のkarma.conf.jsファイルです：

次の Webpack Gulp タスクを考慮して、Webpack をコンパイルした後にファイルを Gulp にパイプして、さらにタスクを実行できるようにするには、どうすればこれを Gulp と統合できますか?

私の webpack エントリ ポイントには[hash]、名前に a が含まれています。

アプリケーションの HTML からそのエントリ ポイントに直接リンクするにはどうすればよいですか?

たとえば、クライアントに送信される HTML に次の内容を含めたいと考えています。

これどうやってするの？アプリケーションが適切なファイル名を読み取って出力できるエントリ ポイント マニフェストを生成できるプラグインはありますか?