HTML optimization during build process about angular-meteor HOT 4 CLOSED

Is there any particular area you think you need to optimise? Compiling with aot changes the html until it is unrecognisable so I don’t know what you are targeting

from angular-meteor.

Once the app is build and deployed (not in development), all the HTML templates are imported as-is, see screenshot below:

This is how I build the meteor/angular app:

meteor build ../output --architecture os.linux.x86_64

and I deploy on a linux server.

Am I missing something?

Thanks.

EDIT:
Also to add, as per @ardatan comment in ##1895 AOT is the default in production, so I'm assuming AOT is also the default for built and deployed app. Right?

I did further testing on a staging server around AOT on the app running in development:

• Setting AOT=1 there is no .html files downloaded but instead dynamic-import fetch is used.
• Setting AOT=0 (or not adding it entirely) all the templates are downloaded .html (as-is) (same as the screenshot above).

The tests here seems fine to me, but I'm questioning AOT on a build/deployed app.

Meteor version: 1.8.2
Angular versions: 8.2.14
Angular compiler version: 0.3.4

Thanks

from angular-meteor.

I don't think you are building with AOT. Try this for your build command:

AOT=1 meteor build ../output --architecture os.linux.x86_64

Look in the build folder and you should not find any html files as they should all have been compiled by AOT to ngfactory.js files. They are unreadable by humans but browsers can read them much faster than having to compile angular for each component. The benefit is you angular app is much faster to load.

I'm pretty sure the compiler mentions that it does AOT stuff when it is turned on and it takes a lot longer than a normal build because of this. I can't remember as I'm using a modified version of the compiler with extra logging turned on.

from angular-meteor.

Looks like it did solve my problem. Thanks a lot.

I looked again here https://github.com/Urigo/angular-meteor/tree/master/atmosphere-packages/angular-compilers and it does mention that AOT mode is enabled by default as opposed to Three-shaking mode. Anyways I'm glad it's fixed.

from angular-meteor.