2016-12-06 83 views
1

我非常新的反應,本機的網絡,如何將react-native-web的應用程序項目部署到服務器端?

我只是按照enter link description here併成功地構建Web應用程序的開發版本

enter image description here

,但我不知道如何將這些代碼部署到我的服務器,因爲我使用共享託管服務器服務,所以我不能爲我的項目安裝組件,有沒有辦法在本地構建bundle.js,我可以上傳js文件到服務器端?

任何人都可以幫我嗎?

問@ github上:enter link description here

回答

1

如何部署?以同樣的方式進入服務器。 我的意思是,將您的項目複製到服務器上,在控制檯./node_modules/.bin/webpack-dev-server --inline中執行,現在您可以在http://localhost:8080/上查看運行在其服務器上的應用程序。

您必須將「localhost」替換爲「nameOfYourServer」才能從外部訪問。

當然,您必須安裝一切(npm install),就像您在本地安裝的一樣。

+0

我使用共享託管服務器服務,所以我不能爲我的項目安裝組件, 有什麼方法可以在本地構建bundle.js,我只需將js文件上傳到服務器端? –

+0

在服務器上覆制項目並運行'./node_modules/.bin/webpack-dev-server --inline'將生成一個非常易讀的live.bundle.js。不是很理想。 – Gijs

+0

要更改在環境變量PORT中指定的端口(如在Heroku上),請使用: ./node_modules/.bin/webpack-dev-server --inline ** - port $ PORT ** – Gijs

0

好,我遵循https://github.com/kauffecup/react-native-web-hello-world

的步驟,我可以創建網絡捆綁表彰一個bundle.js可在靜態文件服務器使用。

+0

我對你的解決方案'web-bundle'命令是什麼意思?我試圖尋找,但沒有發現任何相關信息。 – Gijs

+0

好的。你在這裏提到的那個例子是在原始問題中的另一個例子。這是與React'普通'而不是react-native-web。網絡包是在第二個示例中定義的腳本。所以這不是你原來的問題的答案。原來是我正在尋找的。 – Gijs

+0

@ Gijs,也許你可以提供你答的答案,由react-native-web軟件包構建100% –

相關問題