您如何在ReasonReact应用中使用环境变量？

Question

我尝试将.env文件添加到目录的根目录，并尝试使用

[@bs.val] external graphqlUrl : string = "process.env.GRAPHQL_URL";

但是当我Js.log(graphqlUrl);是undefined时会出现！

.env文件：

GRAPHQL_URL=https://api.example.com

我如何访问它？

谢谢！

Answer 1

我听了Rem Lampa先生的建议，并在项目中安装了dotenv-webpack。然后，我按照dotenv-webpack文档上的说明进行操作。

webpack.config.js文件现在看起来像这样：

const path = require('path');
const outputDir = path.join(__dirname, "build/");

const isProd = process.env.NODE_ENV === 'production';

const Dotenv = require('dotenv-webpack');

module.exports = {
  entry: './src/Index.bs.js',
  mode: isProd ? 'production' : 'development',
  output: {
    path: outputDir,
    publicPath: outputDir,
    filename: 'Index.js',
  },
  plugins: [
    new Dotenv()
  ]
};