title: How can I replace file with property fileReplacements on Angular workspace configuration?
body: <p>I have a problem with Angular workspace configuration when I want to replace file, I will provide some information below:</p>
  <p>My app info:</p>
  <ul>
  <li>Angular: ~9.0.7</li>
  <li>Angular CLI: 9.1.10</li>
  </ul>
  <p>Structure</p>
  <pre><code>example
  ---e2e
  ---src
  ------environments
  ---------not-supported.html
  ---------index.prod.html
  ------index.html
  ------not-supported.html
  ---angular.json
  </code></pre>
  <p>angular.json</p>
  <pre><code>&quot;architect&quot;: {
          &quot;build&quot;: {
            &quot;builder&quot;: &quot;@angular-devkit/build-angular:browser&quot;,
            &quot;options&quot;: {
              &quot;outputPath&quot;: &quot;dist/example&quot;,
              &quot;index&quot;: &quot;src/index.html&quot;,
              &quot;main&quot;: &quot;src/main.ts&quot;,
              &quot;polyfills&quot;: &quot;src/polyfills.ts&quot;,
              &quot;tsConfig&quot;: &quot;tsconfig.app.json&quot;,
              &quot;aot&quot;: true,
              &quot;assets&quot;: [
                &quot;src/favicon.ico&quot;,
                &quot;src/assets&quot;,
                &quot;src/not-supported.html&quot;
              ],
              &quot;styles&quot;: [
                &quot;src/styles.scss&quot;
              ]
            },
            &quot;configurations&quot;: {
              &quot;production&quot;: {
                &quot;fileReplacements&quot;: [
                  {
                    &quot;replace&quot;: &quot;src/environments/environment.ts&quot;,
                    &quot;with&quot;: &quot;src/environments/environment.prod.ts&quot;
                  }
                ],
                &quot;optimization&quot;: true,
                &quot;outputHashing&quot;: &quot;all&quot;,
                &quot;sourceMap&quot;: false,
                &quot;extractCss&quot;: true,
                &quot;namedChunks&quot;: false,
                &quot;extractLicenses&quot;: true,
                &quot;vendorChunk&quot;: false,
                &quot;buildOptimizer&quot;: true,
                &quot;budgets&quot;: [
                  {
                    &quot;type&quot;: &quot;initial&quot;,
                    &quot;maximumWarning&quot;: &quot;2mb&quot;,
                    &quot;maximumError&quot;: &quot;5mb&quot;
                  },
                  {
                    &quot;type&quot;: &quot;anyComponentStyle&quot;,
                    &quot;maximumWarning&quot;: &quot;6kb&quot;,
                    &quot;maximumError&quot;: &quot;10kb&quot;
                  }
                ],
                &quot;index&quot;: {
                  &quot;input&quot;: &quot;src/index.prod.html&quot;,
                  &quot;output&quot;: &quot;index.html&quot;
                }
              },
              &quot;replaceNotSupported&quot;: {
                &quot;fileReplacements&quot;: [
                  {
                    &quot;replace&quot;: &quot;src/not-supported.html&quot;,
                    &quot;with&quot;: &quot;src/environments/not-supported.html&quot;
                  }
                ]
              }
            }
          },
  </code></pre>
  <p>Script build on package.json file</p>
  <pre><code>{
     &quot;build:prod&quot;: &quot;ng build --configuration=production,replaceNotSupported&quot;,
  }
  </code></pre>
  <p>after I build successfully, Then content on <code>not-supported.html</code> file is not same with content file on <code>environment/not-supported.html</code>.</p>
  <p>How can I do that?</p>
  <p>Dose anyone same problem with me?</p>
  <p>Thanks!</p>