1. ホーム
  2. node.js

[解決済み】webpackの開発サーバーをポート80と0.0.0.0で動作させて一般公開する方法とは?

2022-04-09 20:15:54

質問内容

私は初めてです ノードジス / reactjs の世界なので、私の質問が愚かに聞こえたら申し訳ありません。そこで、私は reactabular.js .

をすると、必ず npm start で実行されます。 localhost:8080 .

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

また、補足ですが、ポートで実行させるには 80 もし可能であれば、教えてください。

解決方法は?

私はこのようなものがうまくいきました。私はこれがあなたのために動作するはずだと推測しています。

webpack-devを次のように実行します。

webpack-dev-server --host 0.0.0.0 --port 80

そして、webpack.config.jsに以下のように設定します。

entry: [
    'webpack-dev-server/client?http://0.0.0.0:80',
     config.paths.demo
 ]

備考 ホットローディングを使用している場合は、このようにする必要があります。

webpack-devを起動します。

webpack-dev-server --host 0.0.0.0 --port 80

そして、webpack.config.jsに以下のように設定します。

entry: [
    'webpack-dev-server/client?http://0.0.0.0:80',
    'webpack/hot/only-dev-server',
     config.paths.demo
 ],

....
plugins:[new webpack.HotModuleReplacementPlugin()]