問題タブ [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 に次の内容を含めたいと考えています。

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

famo.us で webpack を使用する方法

シードhttps://github.com/Vertice/famous-webpack-seedを見つけて、以前にうなり声で使用しているのを見たことがあります。誰かがGulpで実装するのを手伝ってくれるかどうか疑問に思っていました. 有名なモジュールを見つけて使用するために gulp-webpack を取得する方法を理解できないようです。コンパイル済みのrequireバージョンまたはnpmの非圧縮バージョンのいずれかを使用します。

開発サーバーの実行を開始する時点まで、ここの例に非常に大まかに従っています。

テスト用の React コンポーネントがあります (scripts/test.jsx 内):

ソースディレクトリに対してjsxローダーを使用しているwebpack.configがあります（ライブラリプロパティを追加していることを除いて、基本的に例と同じです）。

webpack を実行すると、期待どおりにバンドル ファイルが生成されますが、コンポーネントを html ファイルで使用しようとすると (bundle.js スクリプト参照を含めた後)、コンソールに次のメッセージが表示されます: " Uncaught ReferenceError: Test is not "と定義されています。

HTML には次のものが含まれます。

モジュールローダーを技術的に使用していないhtmlページに対してCommonJSスタイルで定義されたコンポーネントを使用するために何か間違ったことをしていますか?構造化モジュールローダーのタイプ)？

webpack の出力はこちらから入手できます

編集 2: 完全なサンプル コードは、github リポジトリとして入手できます。