您可以在电子生产中使用dotenv吗？

Question

我正在构建一个电子，React应用程序，其中我需要一个 dotenv 文件。 在代码中，我使用 process.env.variable 调用我的变量，该变量在开发中正常。

但是，一旦用电子构建器分发， dotenv变量不再工作（ undefined ）。

我现在的问题是，甚至可以这样做，如果是，如何？我试图在互联网上找到解决方案，但似乎人们并没有真正面临这个问题。

Answer 1

不确定这个问题是否仍然有效，但这是我得到的，以防有人有同样的问题。如果您使用的是电子构建器，目前尚不在本地支持。

envs不会在分布式中加载，因为电子构建器是包装器，而不是捆绑器。 ENV仅用于配置包装步骤的负载。
（来自Eletron-Builder合作者）

，

但这并不意味着没有其他方法，这是我对此的肮脏方式，我创建了一个脚本来替换用于电子构建器构建-Publish 。

我正在使用React样板，在您受尊敬的框架上可能有所不同。因此，我创建一个脚本来替换 app/dist/main/main.js 在WebPack完成将我的TS转换为JS文件时，它应该就在 Eletron-Builder << /code> bash行被执行。

这是我所做的事情的详细信息：

文件夹结构

app
    scripts(self-created)
          packageEnv.js
    ...

package.json ：

"scripts": {
    "build": "concurrently \"npm run build:main\" \"npm run build:renderer\"",
    "package:env": "node ./scripts/packageEnv.js",
    "build:main": "cross-env NODE_ENV=production TS_NODE_TRANSPILE_ONLY=true webpack --config ./.erb/configs/webpack.config.main.prod.ts",
    "build:renderer": "cross-env NODE_ENV=production TS_NODE_TRANSPILE_ONLY=true webpack --config ./.erb/configs/webpack.config.renderer.prod.ts",
    "package": "ts-node ./.erb/scripts/clean.js dist && npm run build && npm run package:env && electron-builder build --publish never",
    "rebuild": "electron-rebuild --parallel --types prod,dev,optional --module-dir release/app",
  },

package> package> packageenv.js 的代码（超级肮脏，我建议阅读和重构它）。也放置了一些 todo 。

const fs = require('fs');

const splitLineIntoPairs = (line) => {
  const firstEqualSymbolPosition = line.search('=');
  const key = line.slice(0, firstEqualSymbolPosition).replaceAll(' ', '');
  const values = line
    .slice(firstEqualSymbolPosition + 1, line.length)
    .replaceAll(' ', '');
  return {
    key,
    values,
  };
};

const createEnvObj = (envByLines) => {
  return envByLines.map((line) => {
    const { key, values } = splitLineIntoPairs(line);
    return {
      key,
      values,
    };
  });
};

const writeEnvToDistApp = ({ path, env }) => {
  // TODO: Should make it so that the code read by chunks instead of loading entire file, may encounter memory shortage if file too big atm
  let mainJs = fs.readFileSync(path).toString();
  env.forEach(({ key, values }) => {
    // TODO: Replace with your env variable template
    mainJs = mainJs.replace(`process.env.${key}`, `"${values}"`);
  });
  fs.writeFileSync(path, mainJs);
};

const packageEnv = () => {
  const envFileContent = fs.readFileSync('./.env').toString();
  const envByLines = envFileContent.split('\n').filter((line) => {
    return line !== '';
  });
  const envObj = createEnvObj(envByLines);
  writeEnvToDistApp({
    // TODO: Replace with your release app structure
    path: './release/app/dist/main/main.js',
    env: envObj,
  });
};

packageEnv();