angular-cli: [Bug] fileReplacements configuration can not replace html files

I never had this problem, but since I updated my project to Angular 8, this is not working anymore. The replacement of the index.html does not occur.

Failed for me on build but works on serve.

Config is:

            {
              "replace": "src/index.html",
              "with": "src/prod/index.html"
            }

Angular CLI: 8.0.3 Node: 10.16.0 OS: win32 x64 Angular: 8.0.1 … animations, cdk, common, compiler, compiler-cli, core, forms … language-service, material, platform-browser … platform-browser-dynamic, router

Package Version

@angular-devkit/architect 0.800.3 @angular-devkit/build-angular 0.800.3

@angular-devkit/build-optimizer 0.800.3 @angular-devkit/build-webpack 0.800.3 @angular-devkit/core 8.0.3 @angular-devkit/schematics 8.0.3 @angular/cli 8.0.3 @angular/flex-layout 8.0.0-beta.26 @ngtools/webpack 8.0.3 @schematics/angular 8.0.3 @schematics/update 0.800.3 rxjs 6.5.2 typescript 3.4.5 webpack 4.30.0

Is it possible to do dynamic file replacements?

I’m trying to build two different UI’s from the same App. So i have two different html files.

          "fileReplacements": [
            {
              "replace": "**.template1.ts",
              "with": "**.template2.ts"
            }

It’s throwing me an error. Is this possible?

I’m facing the same issue with CLI 6.2.2

UPDATE:

I fixed it by updating @angular-devkit/build-angular as @suau suggested

Issue still happening in this version: “@angular/cli”: “6.1.5”.

FYI, not working in 6.1.0-rc.0 either UPDATE: if updating an existing project it’s not enough to update the global and project-local @angular/cli version, you also need to update the @angular-devkit/build-angular package to 0.7.0-rc.0. It is a separate package.

npm i -g @angular/cli@6.1.0-rc.0
cd your-project-folder
npm i -D  @angular/cli@6.1.0-rc.0 @angular-devkit/build-angular@0.7.0-rc.0

@robindijkhof

Can confirm it does not work yet in 0.803.2

Trying to reference the index directly (not replacing it) seems to be another solution meanwhile: https://stackoverflow.com/a/57274333/3719922

Can confirm this bug with Angular 8.1.3 (build-angular at 0.801.3). I’ve worked around it for now by having the following build script. I simply copy over the correct index.html at the end:

"build:stg": "ng build --configuration=staging && cp src/index.staging.html dist/index.html"

@luillyfee @georgefam did you make sure you’ve updated @angular-devkit/build-angular as well ?

FYI, this has been addressed and will be part of the 6.1 release.

To look at that change, please refer to this PR: angular/devkit#887

The index option supports a longhand form as follows:

"index": {
  "input": "src/index.prod.html",
  "output": "index.html",
},

Note that the schema used for IDE integration erroneously marks this as invalid (this will be corrected in the next patch release) but it can otherwise be safely used.

also failed for me in version 8.0.1

@luillyfe My bad 🙈 Should be there now