如何在 react/redux 应用程序中使用 webpack 外部配置数据

【问题标题】：how to use webpack externals for config data in react/redux app如何在 react/redux 应用程序中使用 webpack 外部配置数据
【发布时间】：2017-04-09 00:14:51
【问题描述】：

我想在 react/redux 应用程序中使用配置文件。在这个线程中

How to store Configuration file and read it using React

我找到了一个不错的解决方案，但是在我的 redux 操作文件中使用 require 时收到以下错误。

找不到模块：错误：无法解析模块“配置”

【问题讨论】：

您的配置文件中有什么？发布示例将有助于编写答案。

标签： reactjs webpack redux

【解决方案1】：

我设法通过以下 webpack 配置解决了这个问题：

plugins:[
    new webpack.DefinePlugin({
        'process.env':{
            'NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development')
        }
    }),
],
externals: {
    'Config': JSON.stringify(process.env.NODE_ENV === 'production' ? {
        api: "http://www.vitto.mt.it/eventi/api/public/"
    } : {
        api: "/react/eventi/api/public/"
    })
},

并调用它：

var Config = require('Config');

但我仍然需要手动设置 NODE_ENV 值。如何使用外部文件进行设置？

【讨论】：