Javascript 如何将dotenv中的变量导入到不使用NPM的.js文件中？

我已尝试将变量从.env文件导出/导入到.js文件，该文件通过脚本标记导入到.html文件中。我无法从.env文件获取要导入到.js文件的变量

这是我的密码

环境署署长

map.js

import {API_KEY} from "/.env"

function geocode() {
    for (let i = 0; i < 10; i++) {
      axios
        .get("https://maps.googleapis.com/maps/api/geocode/json", {
          params: {
            address: "1234 Mulholland Drive",
            key: API_KEY
          },
        })
    
        .then(function (response) {
          console.log("location returned")
         }

        .catch(function (error) {
          console.log("error");
        }
    }
}

从“/.env”导入{API_KEY}
函数geocode（）{
for（设i=0；i<10；i++）{
axios
.get（“https://maps.googleapis.com/maps/api/geocode/json", {
参数：{
地址:"穆荷兰道1234号"，
密钥：API_密钥
},
})
.然后（功能（响应）{
日志（“返回的位置”）
}
.catch（函数（错误）{
控制台日志（“错误”）；
}
}
}

index.html

<script type="module" src="/js/map.js"></script>

JS导出的语法错误。

export FOO=bar

是shell语法，而不是JS。JS导出的语法错误。

export FOO=bar

是shell语法，而不是JS。

<script type="module" src="/js/map.js"></script>