如何將 dart 變量傳遞給 index.html

Question

我一直在使用環境構建開發我的 Flutter 應用程序，我想根據我正在執行的 Web 構建類型修改我的 index.html 文件。

有沒有辦法這樣做？ 我有一個 env.dart，其中包含我需要的變量，但我不知道如何使用我的 dart 變量修改 index.html。

謝謝。

Answer 1

用shellscript解決

我目前使用一個，但它是一個 shell 腳本

設置特定於環境的 index.html

從您的項目文件夾中創建您將存儲 index.html 文件的環境：

mkdir config
cd config
mkdir release
mkdir dev
mkdir uat

然后將不同的 index.html（尤其是 web/ 中的那個）復制到 config/release/ config/dev/ 和 config/uat/

cp ../web/index.html release/ && cp ../web/index.html dev/ && cp ../web/index.html uat/

/!\\ 備份位於 WEB/INDEX.HTML 中的當前文件
該腳本會將 index.html 從您不同的環境目錄直接復制到 web/ 並刪除 web/ 中的當前文件。 如果您永久刪除該文件，我拒絕承擔任何責任。 你是警告。

---

腳本文件

創建腳本文件：

touch run.sh && chmod +x run.sh

在里面復制這個腳本：

cp config/$1/index.html web/index.html && flutter run -d chrome --no-sound-null-safety

---

如何使用

並使用./run.sh release 、 ./run.sh dev或./run.sh dev運行它

將 --dart-define 用於特定於環境的變量

我還運行此腳本並使用--dart-define設置環境變量

flutter run --dart-define=MY_ENV_VARIABLE=ITS_VALUE

注意：我目前禁用了空安全，因為我的項目的庫還不是空安全的。