exclude view from Angular "ng build" process

Question

When we hit "ng build" while doing Angular build by default it bundles HTML with JS and gives us one physical JS unit file.

Is there a option in "ng build" by which i can say do not bundle the view with the JS ?

some thing like

ng build --exclude views

Note I'm aware i can do by using webpack but do not want to explore this route for now as i have a very big project made in Angular 2 and want to quickly migrate.

Do not know about the exclude flag but you can exclude the folder if you have all the views inside one folder, https://stackoverflow.com/a/44494434/2630817 — Just code, Dec 27 '18 at 05:08

score 0 · Answer 1 · answered Dec 27 '18 at 10:24

0

There is no such flag (--exclude), however whether you gather all your views under one folder (e.g: views) and then in your tsconfig.app.json you add that folder to the exclude array, something like :

{
  "compilerOptions": {
    ...
  },
  "exclude": [
    "views"  
  ]
}

And I strongly discourage this approach for architecturing reasons, even it should work.

Or try instead:

  "exclude": [
    "**/*.component.html",
  ]

answered Dec 27 '18 at 10:24

SeleM

9,310
5
32
51

I tried this but it still bundles the HTML files with the JS. Customer does not want to exclude views to be in JS due to security reasons. – Shivprasad Koirala Dec 27 '18 at 10:34
And i guess this file is just for typescript compilation , bundling happens at angular and webpack level so exclusion should be at that level. – Shivprasad Koirala Dec 27 '18 at 10:41
Tried ... does not exclude HTML. In that link its all TS. – Shivprasad Koirala Dec 27 '18 at 13:19

exclude view from Angular "ng build" process

1 Answers1