angular-cli rename index on build

Question

I want to rename the index.html on dist folder, how i can do that with angular cli on ng build --prod command.

Let me explain why I want to do that, it's for integrate my html page on index.php page, if I don't do that the server reply index.html before index.php and I can't configure the server for launch index.php first.

Thanks for the reply.

Yakov Fain · Accepted Answer · 2017-01-08 13:35:13Z

9

Rename the file index.html to index123.html in the src dir of your project
In the file angular-cli.json modify the index property to look like this:

"index": "index123.html"

The ng build command will copy the file index123.html into the dist dir.

answered Jan 8, 2017 at 13:35

Yakov Fain

12.4k5 gold badges35 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

youtpout Over a year ago

Hello, i try this but with ng serve on localhost:4200 you must specify the new name of index : localhost:4200/index123.html and my app doesn't load anymore

Yakov Fain Over a year ago

ng serve creates the bundles of your Angular app in memory. As per your original question, you wanted to deploy your app under another server where your PHP code is deployed. After running ng build you need to copy the content of the dist dir to the server where your index.php is located.

youtpout Over a year ago

I generate dist with index.php and index.html, my goal it's to keep ng serve like actually and desploy dist to server without manual action, but if i rename the index.html on src app, my localhost stop to work.

stephan.peters · Accepted Answer · 2023-02-24 16:15:09Z

1

Another possibility if you don't control the name of the input file is like this:

"index": {
   "input": "./node_modules/example/index123.html",
   "output": "index.html"
}

In my case this was needed because I work for a customer where all applications are using the same index html template in a node_modules package.

answered Feb 24, 2023 at 16:15

stephan.peters

1,1121 gold badge17 silver badges37 bronze badges

1 Comment

C Alonso C Ortega Over a year ago

this works for me, aslo can be used for example for styles file name, see github.com/angular/angular-cli/issues/…

Collectives™ on Stack Overflow

angular-cli rename index on build

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related