問題タブ [webpack-dev-server]

このリポジトリを Webpack 反応アプリで使用するにはどうすればよいですか: https://github.com/chris-rudmin/Recorderjs

新しいライブラリを作成し、メインファイルをes6モジュールスタイルでエクスポートするところまで行きました。

webpack でビルドしましたが、パッケージを使用しようとすると問題が発生します。私は使用できます：

しかし、それをエンコードしようとすると、WebWorker が使用されます。私が知る限り、これは js ファイルへのパスである必要があります。

したがって、質問は2つの部分に分かれています。

1. このような依存関係を処理するには、webpack をどのようにセットアップすればよいですか?
2. 開発中、webpack dev サーバーで静的ファイルを提供するにはどうすればよいですか?

理想的には、この lib のすべての部分のモジュールを作成し、どのプロジェクトでも簡単に使用できるようにしたいと考えています。

最後に、このプロジェクトのエンコーダーは emscripten でコンパイルされていますが、webpack でこのようなファイルを処理する方法がわかりません。webpackに触れさせずに通過させることはできますか?

ありがとうございました

webpack-dev-serverのドキュメントとプロキシの設定方法を読みましたが、うまくいきません。私がやりたいのは、API_ROOTtoを持っていてhttp://my_external_server.com/api、それを ajax リクエストで使用することです。私の設定には次のものがあります：

これが私の完全な設定です。

html-webpack-plugin を使用した開発に webpack-dev-server を使用して、リビジョン ソースを含む index.html を生成しています。問題は、index.html を変更するたびに、バンドル システムが再構築されないことです。インデックスがエントリにないことはわかっていますが、これを解決する方法はありますか?

Laravel 5+ (私の場合は 5.1) にwebpack dev サーバーをインストールした経験のある人はいますか?

Laravel PHP バックエンドを ReactJS フロントエンドで使用する予定で、開発環境に webpack 開発サーバーを配置したいと考えています。

しかし、NodeJS の多くの構成と混同しています (私は PHP バックエンドを専門としています)。

一般に、webpack dev サーバーと PHP アプリケーションを組み合わせることは可能ですか?

環境が両方の方法で動作するようにしたい: Apache サーバー (バックエンドのデバッグ/開発用) と NodeJS サーバー (フロントエンドのデバッグ/開発用)。

webpack の特定のポートを解決するミドルウェアが必要ですか? 一般的に、NodeJS サーバーはどのように PHP スクリプトをロードしますか? ...またはApache Webサーバーは、NodeJSが通知をフロントエンドにプッシュするよりもページをロードしますか?

私はnodejs / reactjsの世界全体に慣れていないので、私の質問がばかげているように聞こえる場合はお詫びします。だから私はreactabular.jsで遊んでいます。

a を実行するたびに、npm start常に実行されlocalhost:8080ます。

0.0.0.0:8080一般にアクセスできるようにするには、実行するように変更するにはどうすればよいですか? 上記のリポジトリでソース コードを読み込もうとしましたが、この設定を行うファイルが見つかりませんでした。

また、それに加えて、可能な場合、ポートで実行するに80はどうすればよいですか?

webpack を使用して小さな反応ツールを構築しようとしています。以下は私の構成です。

これが私のコマンドライン引数です：

ブラウザ コンソールに「[HMR] Hot Module Replacement is disabled.」というメッセージがまだ表示されます。

助けが必要です。

以下は、これに関連する github issue へのリンクです。それでも私の問題は解決しません。

この問題への Github リンク

フロント エンドがホット モードで実行されていない理由がわかりません。フロントエンドとバックエンドを可能な限り分離しようとしています。2 つを接続する唯一のことは、django のwebpack_loaderアプリを使用してwebpackビルドをロードし、テンプレート ( index.html) にロードすることです。

私のバックエンドは Django にあり、現在 で実行されていhttp://127.0.0.1:8000/ます。

私のフロントエンドはでホストされていますlocalhost:8080

ホットモードの devServer がオンになっています0.0.0.0:8080

フロントエンドを少し変更して保存して、何が起こるかを確認しようとしましたが、フロントエンドは何も更新されていません。私の開発者ツールでは、次のように表示されます。

これが私のnpmスクリプトです：

webpack.config.js:

webpack.watch.js:

ファイルをバンドルしてCSSをインポートするためにwebpackを使用しています。ブートストラップからインクルードされた CSS ファイル内には、/fonts/glyphicons-halflings-regular.ttf へのフォント参照があります。

/node_modules/bootstrap-css-only/fonts/ から /fonts にファイルをマウントするよう webpack に指示する方法はありますか? または、正規表現に基づいて webpack dev サーバーを介して HTTP 要求を書き換えますか?

これが非常に基本的で、webpack の初心者である場合は申し訳ありません。

webpackローダー配列にこのローダーがあります：

Webpack で SCSS を CSS にビルドしようとしていますが、次のエラーが発生します。

ここに私の完全なwebpack構成があります: