Provide config to rename `index.html` in `dist` folder #2241

Meligy · 2016-09-20T05:49:49Z

This is a feature request.

TL;DR; As a full-stack developer, I want to be able to rename the file extension of the generated HTML file in dist folder, so I can easily integrate it into my server-side project.

Right now (beta-15), I can rename the source HTML file in angular-cli.json using the index property, but the output file in dist is still called index.html.

I don't care whether the implementation chooses to carry the name forward from the index property, or introduce another property for it.

Use Case:

I need to use this inside an ASP .NET MVC application (.NET 4.5 not .NET Core).

My plan is to:

Include the folder as sub-folder in the project, called say client.
Set redirects in the root server-side project to go to client/dist when it's not matching files / folders or APIs
Run ng build --watch for dev, while IIS is looking at my parent server-side project folder

But I may well end up needing a legacy layout file, and some other server-side code to run before returning the HTML file, so my plan is to have a root server-side rout + MVC controller that returns the HTML file, using the Razor template engine (a .cshtml file, like Views/Home/Index.cshtml), which will still have the layout.

But I still want Webpack to generate the script tag etc. So, I want to:

strip everything from the CLI project index.html file
Include the generated file, which only has the generated script tag etc, in the server-side Index.cshtml file.

But to include it in my server template, it's way easier for me if its extension was cshtml not html. It's doable without that, but it's too much config, and part of this is showing the guys here how super easy it is to include Angular 2 seamlessly.

P.S.

Sorry if this sounds like a very complex scenario, I believe it really isn't, and it's awesome to have something like this to integrate Angular 2 with server-side frameworks; and the change -I hope- isn't a big one really to support this.

Thanks a lot for creating such an awesome starter that makes developing Angular 2 much easier, and making it available for everyone for free, while you definitely do not have to, and owe nothing to any of us.

The text was updated successfully, but these errors were encountered:

filipesilva · 2016-09-22T04:38:12Z

I think the existing config can be used for the output as well. This isn't a big priority, I want to be honest with you. There's just a lot of bigger fish to fry right now.

But I can point you in the right direction in case you wanna do a PR.

We use this plugin, it seem to allow you to chose the destination filename: https://github.com/ampedandwired/html-webpack-plugin#configuration
This is where you should change it https://github.com/angular/angular-cli/blob/master/packages/angular-cli/models/webpack-build-common.ts#L128
appConfig.index is what's in angular-cli.json, specifically apps[0].index
you'll need tests, see https://github.com/angular/angular-cli/blob/master/tests/e2e/tests/build/output-dir.ts for a build test and https://github.com/angular/angular-cli/blob/master/tests/e2e/tests/third-party/bootstrap.ts on how to update the angular-cli.json file
do node tests/e2e_runner.js to run the e2e test suite

AurelieV · 2016-09-23T12:48:39Z

Definitly need it too, and already have done something similar with my wepback config in an other project.
I will push a PR this week-end if I can

Pass appConfig.index to the HtmlWebpackPlugin’s filename property. Closes angular#2241

changLiuUNSW · 2016-11-25T13:18:17Z

PR created for publicPath support
#3285

…3285) Add publicPath option for webpack. User can specify publicPath via `--deploy-url` / `-d` from command line or add `deployUrl` to `angular-cli.json`. It can solve following issues: Change the public URL address of the output files (different from baseUrl). Manipulate the request url for chunk js files. It is very helpful to solve resources url and route lazying load issues for those applications which have different static files paths such as ASP.NET MVC. Fixes #3136 Fixes #2960 Fixes #2276 Fixes #2241 Fixes #3344

Pass appConfig.index to the HtmlWebpackPlugin’s filename property. Closes angular#2241 Closes angular#2767

…ngular#3285) Add publicPath option for webpack. User can specify publicPath via `--deploy-url` / `-d` from command line or add `deployUrl` to `angular-cli.json`. It can solve following issues: Change the public URL address of the output files (different from baseUrl). Manipulate the request url for chunk js files. It is very helpful to solve resources url and route lazying load issues for those applications which have different static files paths such as ASP.NET MVC. Fixes angular#3136 Fixes angular#2960 Fixes angular#2276 Fixes angular#2241 Fixes angular#3344

angular-automatic-lock-bot · 2019-09-06T09:42:25Z

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}

Meligy changed the title ~~Rename index.html in dist folder~~ Provide configuration to rename index.html in dist folder Sep 20, 2016

Meligy changed the title ~~Provide configuration to rename index.html in dist folder~~ Provide config to rename index.html in dist folder Sep 20, 2016

filipesilva added type: enhancement P5 The team acknowledges the request but does not plan to address it, it remains open for discussion labels Sep 22, 2016

hollannikas added a commit to hollannikas/angular-cli that referenced this issue Oct 18, 2016

feat(build) use appConfig.index to set output index file

9219dd8

Pass appConfig.index to the HtmlWebpackPlugin’s filename property. Closes angular#2241

hollannikas mentioned this issue Oct 18, 2016

feat(build) use appConfig.index to set output index file #2767

Closed

hollannikas added a commit to hollannikas/angular-cli that referenced this issue Oct 21, 2016

feat(build) use appConfig.index to set output index file

c16527c

Pass appConfig.index to the HtmlWebpackPlugin’s filename property. Closes angular#2241

hollannikas added a commit to hollannikas/angular-cli that referenced this issue Oct 23, 2016

feat(build) use appConfig.index to set output index file

c41b1ff

Pass appConfig.index to the HtmlWebpackPlugin’s filename property. Closes angular#2241

filipesilva closed this as completed in d3fd8b0 Oct 28, 2016

changLiuUNSW mentioned this issue Nov 25, 2016

feat(build): add publicPath support via command and angular-cli.json #3285

Merged

MRHarrison pushed a commit to MRHarrison/angular-cli that referenced this issue Feb 9, 2017

feat(build): use appConfig.index to set output index file

428a0df

Pass appConfig.index to the HtmlWebpackPlugin’s filename property. Closes angular#2241 Closes angular#2767

angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 6, 2019

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Provide config to rename `index.html` in `dist` folder #2241

Provide config to rename `index.html` in `dist` folder #2241

Meligy commented Sep 20, 2016

filipesilva commented Sep 22, 2016

AurelieV commented Sep 23, 2016

changLiuUNSW commented Nov 25, 2016

angular-automatic-lock-bot bot commented Sep 6, 2019

Provide config to rename index.html in dist folder #2241

Provide config to rename index.html in dist folder #2241

Comments

Meligy commented Sep 20, 2016

Use Case:

filipesilva commented Sep 22, 2016

AurelieV commented Sep 23, 2016

changLiuUNSW commented Nov 25, 2016

angular-automatic-lock-bot bot commented Sep 6, 2019

Provide config to rename `index.html` in `dist` folder #2241

Provide config to rename `index.html` in `dist` folder #2241