Hice una pequeña aplicación Angular 4, pero no sé cómo aplicar el movimiento del árbol y la compilación. el comando que ejecuto es el siguiente:
ng build --prod --aotPero el resultado que obtengo sigue siendo enorme, el archivo del proveedor es de 2,63 Mb:
Hash: 3f2f9863802ffee21a18 Time: 35397ms chunk {0} polyfills.3be44b11f98572593d31.bundle.js (polyfills) 158 kB {4} [initial] [rendered] chunk {1} main.62b1e2f835ae0e344351.bundle.js (main) 537 kB {3} [initial] [rendered] chunk {2} styles.6ad044d12ab50a9da898.bundle.css (styles) 69 bytes {4} [initial] [rendered] chunk {3} vendor.a13d6c29b7348e1ae91d.bundle.js (vendor) 2.63 MB [initial] [rendered] chunk {4} inline.01f2c419c67f5155d8a3.bundle.js (inline) 0 bytes [entry] [rendered]¿Es esta la aplicación final o algo anda mal con ng cli?
Esta es mi versión de la CLI:
@angular/cli: 1.0.0-rc.4 node: 6.10.0 os: win32 x64 @angular/common: 4.0.0-rc.6 @angular/compiler: 4.0.0-rc.6 @angular/core: 4.0.0-rc.6 @angular/forms: 4.0.0-rc.6 @angular/http: 4.0.0-rc.6 @angular/material: 2.0.0-beta.2 @angular/platform-browser: 4.0.0-rc.6 @angular/platform-browser-dynamic: 4.0.0-rc.6 @angular/router: 4.0.0-rc.6 @angular/cli: 1.0.0-rc.4 @angular/compiler-cli: 4.0.0-rc.6Angular 4 prod build with tree shake y aot se puede lograr simplemente ejecutando ng build --prod --aot flag no requerido ahora.
La compilación debería verse así (fragmento {5} proveedor.46351c4e9fc678f82bca.bundle.js (proveedor) 1,13 MB [inicial] [renderizado])
Nota: en esta salida, 1.13 MB no es lo que obtiene, mire el tamaño de su archivo en el directorio /dist, lo que obtiene es 316 KB)