2

我有一个使用 引导的非常简单的反应应用程序create-react-app，它通过 为我提供了当前环境的名称process.env.NODE_ENV，基于此，我使用特定于环境的 URL 初始化我的 Redux 存储。

我的店铺长这样

import { createStore, compose } from 'redux'
import { reducer } from '../reducers/index.js'

import * as devEnvironment from '../../../env-variables/development'
import * as prodEnvironment from '../../../env-variables/production'

var initialStore = {}

switch(process.env.NODE_ENV) {
    case 'development': {
        initialStore = devEnvironment
        break
    }
    case 'production': {
        initialStore = prodEnvironment
        break
    }
}
const enhancer = compose(
    window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
)

const store = createStore(reducer, initialStore, enhancer)

export default store

development.js我在文件中的环境特定值：

export var ENV_URL='https://development.com'

production.js同样在文件中写入生产 URL ：

export var ENV_URL='https://production.com'

这似乎工作 在此处输入图像描述

我在初始化阶段获得了特定于环境的 url。我的怀疑是关于这个过程。在这里，我正在导入所有 env 文件。根据条件仅使用一个导入，其他将被丢弃。

这是一种有效的方法吗？我还能做些什么来改进这个片段？

4

0 回答 0