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

Question

我正在尝试使用 webpack 在 React 构建中添加配置设置？可能吗？如果可以，我该怎么做。

build with files-source code image

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

Answer 1

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

Answer 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: "./",
      },
    ]),
  ]

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

Is it possible to customize react build (web-pack build)?

reactjs

webpack

webpack-4