Можно ли настроить реагирующую сборку (сборка веб-пакета)?

Question

Я пытаюсь добавить настройки конфигурации в сборку реакции с помощью веб-пакета? Является ли это возможным ? если так, как я могу это сделать.

сборка с файлами с исходным кодом image

В настоящее время у меня есть эти файлы в моей сборке, теперь я хочу использовать эту же сборку для разных сред и использовать некоторые файлы config.js или config.json , чтобы использовать разные настройки для разных сред с та же сборка.

Answer 1

Вы можете использовать такие инструменты, как rc для загрузки пользовательских конфигураций ... Но если вам нужно изменить конфигурацию после сборки (что необычно), вам нужно использовать некоторые плагины веб-пакетов для добавления файла конфигурации в 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: "./",
      },
    ]),
  ]

Answer 2

Возможно, вы ищете EnvironmentPlugin, который позволил бы вам установить некоторые переменные окружения в вашем файле конфигурации Webpack.