Question

我开发了一个react webpack应用程序，我已按照以下步骤访问environment variables。

webpack.config.js

const webpack = require('webpack');

var config = {
   entry: './main.js',

   output: {
       filename: 'bundle.js',
   },

   devServer: {
       inline: true,
       disableHostCheck: true,
       host: '0.0.0.0',
       port: 8080
   },

   module: {
       loaders: [
           {
               test: /\.jsx?$/,
               exclude: /node_modules/,
               loader: 'babel-loader',

               query: {
                   presets: ['es2015', 'react']
               }
           }
       ]
   },

  plugins: [
    new webpack.DefinePlugin({
      'process.env': {
        ENV_VAR: JSON.stringify(process.env.ENV_VAR)
      }
    })
  ]
};

module.exports = config;

并在我的 config.js 中，我按如下方式实现了以维护我的配置结构。

export default () => {
  return {
    "configFromEnvVar": {
      "url": process.env.ENV_VAR || "http://url:8080"
    }
  }
};

我想知道是否有更好的方法来执行此操作，而无需在多个位置使用process.env。非常感谢任何文件或建议。

非常感谢

通过webpack访问环境变量

0 个答案: