React中的多租戶應用程序

Question

我在React中構建了多租戶應用程序（通過基本，開發和產品配置文件設置Webpack），並且我想知道創建和訪問每租戶變量的最佳方法。

當我運行我的應用程序：

npm run start tenant1

我能夠通過這個訪問tenant1中的WebPack：

const tenant1 = process.argv[process.argv.length -1];

不過，現在我想知道是什麼使全局可訪問變量的最佳方式。我的希望是使用變量來創建一個文件夾結構的應用程序內的線沿線的：

/app/${tenant}/img/ /app/${tenant}/css/ /app/${tenant}/components/

理想的情況下，無需爲變量導入到每一個JavaScript文件。

任何建議或現有設置的鏈接將不勝感激。

Answer 1

我最終採取了一個相當手動的方法。

我使用的是react/redux boilerplate，但我已經修改了故宮腳本，像這樣：

"start:tenant1": "cp -r ./tenants/tenant1 ./app/tenant && cross-env NODE_ENV=development node server", 
"start:tenant2": "cp -r ./tenants/tenant2 ./app/tenant && cross-env NODE_ENV=development node server", 

每個租戶文件夾複製到時開發服務器與相關命令運行應用程序和文件在每個租戶文件夾（masthead.svg，vars.js等）中命名相同，以便整個應用程序的導入可以是靜態的。

大多數情況下，這是有效的，因爲我沒有在生產中使用節點服務器，所以樣板生成了一個靜態生成文件夾。

希望這可以幫助別人。