是否可以自定义反应构建（web-pack 构建）？答案

【问题标题】：Is it possible to customize react build (web-pack build)?是否可以自定义反应构建（web-pack 构建）？
【发布时间】：2019-07-30 18:23:24
【问题描述】：

我正在尝试使用 webpack 在 react build 中添加配置设置？可能吗？如果是这样，我该怎么做。

build with files-source code image

目前我在构建时有这些文件，现在我想为不同的环境使用相同的构建并使用一些 config.js 或 config.json 文件为不同的环境使用不同的设置具有相同的构建。

【问题讨论】：

什么类型的配置？有可能……
你想定制什么？
我正在尝试在一些配置文件中存储一些配置值，例如基本 URL、一些身份验证密钥、API 端点。对于不同的环境，如开发、质量检查和生产，这些值会有所不同
嗨，Shafiq，您应该提供尽可能多的信息。您能否详细说明您的问题？
@DevidFarinelli 当然，我会发布更多信息来明确我想要什么？

标签： reactjs webpack webpack-4

【解决方案1】：

您可能正在寻找允许您在 Webpack 配置文件中设置一些环境变量的 EnvironmentPlugin。

【讨论】：

【解决方案2】：

您可以使用rc 之类的工具来加载自定义配置...但是如果您需要在构建后更改配置（这是不寻常的），您需要使用一些 webpack 插件将配置文件注入到 de .html

如果您在构建后需要更改，这可能是一个解决方案：

//In the webpack.config.js file
plugins: [
    new HtmlWebpackIncludeAssetsPlugin({ assets: "env-vars.js", append: false }),
    // This is the script that generate my env-var.js file
    new WebpackShellPlugin({ onBuildStart: ["npm run generate-env-var-file"] }),
    new CopyWebpackPlugin([
      {
        from: "./env-vars.js",
        to: "./",
      },
    ]),
  ]

【讨论】：

是的，我想在构建后进行配置。
你知道任何插件或任何示例链接吗？