webpack-dev-server のリモート モードを設定する方法

今回は、webpack-dev-server のリモート モードを設定する方法を説明します。webpack-dev-server のリモート モードを設定するための 注意事項 は何ですか。実際のケースを見てみましょう。 。

パッケージに設定されている webpack-dev-server.

json ファイルは開発モードにあり、http://localhost:8080 または http://127.0.0.1:8080 を使用してアクセスできます

"scripts": { 
  "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot", 
  "build": "rimraf dist && cross-env NODE_ENV=production webpack --progress --hide-modules" 
 },

リモートの場合アクセスする際はpackage.json

"scripts": { 
  "dev": "webpack-dev-server --host 10.30.1.102 --devtool eval --progress --colors --hot --content-base build", 
  "build": "rimraf dist && cross-env NODE_ENV=production webpack --progress --hide-modules" 
 },

で修正が必要です

現時点ではhttp://192.168.10.8:8080またはhttp://127.0.0.1:8080からアクセスできますが、http: // localhost:8080 にアクセスできません。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

ES6 で親コンポーネントを呼び出す方法

plotly.js 描画ライブラリの使用方法

以上がwebpack-dev-server のリモート モードを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。