私はReact Webアプリケーションを開発しており、create-react-app
npmユーティリティを使用しています。 私のアプリケーションは、開発中に私のローカルマシン上にあるサーバと通信します。このため、私が使用するすべてのAjaxリクエストはlocalhost:port
アドレスを使用します。ビルド時にcreate-react-appを除外/包含/変更するコード部分
もちろん、プロダクションでプロジェクトをビルドしてデプロイするときは、プロダクションに変更するにはこれらのアドレスが必要です。 ビルド時に除外、インクルード、変更されるコードの部分をマークする可能性のあるグラント・プラグイン・フロー(https://github.com/jsoverson/grunt-preprocess)は、preprocess
に慣れています。例えば
:create-react-app
開発環境内でそのようなことを行う方法があるかどう
//@if DEV
const SERVER_PATH = "localhost:8888";
//@endif
//@if !DEV
const SERVER_PATH = "prot://example.com:8888";
//@endif
あなたは知っていますか?
ありがとうございます!
ブラウザにいても動作しますか?私はそうは思わない。しかし、私は窓を確認することができると思う。場所。ありがとうございました! –
「ブラウザで」とはどういう意味ですか?アプリケーションをビルドしてブラウザで直接実行するとしたら? – petithomme
Node.jsを直接使用してアプリケーションを実行すると、アプリケーションは開発環境にいることを検出します。アプリケーションをビルドして** built **バージョンを使用すると、アプリケーションはあなたが 'production'環境にいることを検出します。 – petithomme