ホームページ  >  記事  >  ウェブフロントエンド  >  webpack-dev-server リモート アクセス構成チュートリアル

webpack-dev-server リモート アクセス構成チュートリアル

小云云
小云云オリジナル
2018-02-23 09:17:021530ブラウズ

この記事では主に webpack-dev-server のリモート アクセス設定方法について説明します。これは参考になるものであり、皆さんのお役に立てれば幸いです。編集者をフォローして見てみましょう。皆さんのお役に立てれば幸いです。

以下の package.json ファイルで構成された webpack-dev-server は開発モードであり、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 にはアクセスできません。

関連する推奨事項:

webpack-dev-server は http-proxy を使用してクロスドメインの問題を詳細に解決します

以上がwebpack-dev-server リモート アクセス構成チュートリアルの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。