問題タブ [webpack-dev-server]

アプリケーション (ローカルで開発中) に統合したいモジュールを使用するには、次の 2 つのことを行う必要があります
。1) アプリケーションを HTTPS でローカルに実行する。
2) 特定のドメインでアプリケーションを実行します。

これらは両方とも、私がローカル開発に使用している Webpack 開発サーバーでは非常に簡単なはずですが、何らかの理由でドキュメントが示唆するように機能していません。

私のwebpack.configファイルは次のとおりです。

私が指しているパスは、コンピューターのホスト ファイルに追加されているので、localhost のデフォルトと同じように有効である必要があります。

そして、私のpackage.jsonファイルには、開発サーバーの開始スクリプトとして次のものが含まれています。

これらの変更を行い、保存後に npm start で再起動しました。問題は、サーバーがまだ https で実行されていないことです。ブラウザで新しいリンクを指定しても、何も表示されません。私が見つけたすべてのドキュメントは、これがうまくいくように見えるので、明らかな何かが欠けているに違いありません.

Rails サーバーに Angular 2 アプリをロードさせたいので、2 つのサーバーを実行する必要はありません。

Angular 2 の出発点として、次の例を使用しました: https://github.com/angular-class/angular2-webpack-starter

Rails サーバーを実行し、インデックス ページを提供すると、Angular 2 アプリが期待どおりに読み込まれます。ホーム、ダッシュボード、Todo のリンクがいくつかあります。クリックするとすべて機能します。

直接電話http://localhost:3000:/todoすると、ルーティング エラーが発生します。したがって、問題に対処するために、レールルーターに次のものがあります。

get ':todo', controller: :home, action: :index

これでアプリが読み込まれますが、「todo」コンポーネントには移動しません。

ここで、webpack-dev-server を使用して Angular 2 アプリを実行すると (リポジトリの指示に従って)、この問題は発生しません。

webpack-dev-server は、Angular 2 のルーティングが引き継ぎ、ユーザーを正しいコンポーネントに誘導できるように、すべてのリクエストを / にリダイレクトできるように見えます。

任意の支援をいただければ幸いです。

webpack-dev-server.js ファイルを挿入したいと思います。
ただし、ドキュメントによると、これは手動で行う必要があり、完全な URL のみを使用する必要があります。

から: http://webpack.github.io/docs/webpack-dev-server.html#api

[...] WebpackDevServer API にはインライン モードがないことに注意してください。 <script src="http://localhost:8080/webpack-dev-server.js"></script> 手動で HTML ページに挿入する必要があります。

から: http://webpack.github.io/docs/webpack-dev-server.html#hot-mode

ドキュメントからのこれらの2つのポイントの理由は何ですか?
のようなスクリプトタグを挿入するのが良い考えではないのはなぜ<script src="/webpack-dev-server.js"></script>ですか?

github の問題も開いています: https://github.com/webpack/webpack/issues/1285

これが私の現在のセットアップです。特定のファイルを webpack に強制的に監視させる方法がわかりませんか? /\.html$/たとえば、ファイルの一致が更新されたときにコンパイルをトリガーしたい。

私は webpack を初めて使用します。webpack をセットアップしようとしているときに、いくつかの問題に直面しています。

次のディレクトリ構造があります。

• ノード モジュール
• パブリック (index.html、index.jsx)
• コンポーネント
• webpack.config.js

index.html に含めようとしました

そして、webpack dev server コンソールを実行しようとすると、私が表示されます

以下は私のwebpack.config.jsファイルです：

webpack-dev-server の node-gyp への依存が絶対に必要かどうかを尋ねる必要がありますか? node-gyp は、Windows マシンで開発する多くのノード開発者にとって悪夢です。ノード開発とは関係のないビジュアルスタジオとあらゆる種類のサービスパックをダウンロードすることを強制するC++コンパイラが必要です. 私たちの場合、1.6ギグのインストールと依存関係の後、Windowsでnode-gypを動作させることができませんでした...なぜwebpack-dev-serverは依存関係としてnode-gypを必要とするのでしょうか? 私が知る限り、socket.io を備えたエクスプレス http サーバーがあります... webpack パッケージだけでは node-gyp は必要ないのに、なぜ webpack-dev-server が必要なのでしょうか? 手放してもいいですか？それは開発者にとって多くの不必要な苦痛を生み出します... node-gyp が webpack-dev-server に不可欠な理由を知っている人はいますか? この依存関係を削除できますか? node-gyp が Windows を使用している開発者にとって本当に苦痛であることはよく知られています... engine.io\ws\bufferutil 回避策はありますか?

webpack-dev-server を使用して、1 つのポートで複数のエントリ ポイントをホストしたいと考えています。私の現在の設定は以下の通りです：

でも今の私には合わないようです。何か助けはありますか？