ionic3-ng4学习见闻--(aot方式打包问题解决方案)

aot打包 能够有效的缓解 app在手机上的卡顿,提升性能。css

ionic build --prodhtml

我作过测试,app

官方的quickSeed使用aot方式打包和 不采用aot的差异在于:ionic

aot:性能

www :1097kb测试

apk:4330kb字体

 

非aot:ui

www:1450kbhtm

apk:12400kbscss

 

通常prod打包会遇到的问题是

1.访问@env/enviroment 变量访问不到,解决办法:不经过引用@env/enviroment来访问env变量,经过引用 enviroment/enviroment.ts文件来访问 env变量

 

2.引用第三方的样式文件或者字体图标,如iconfont,解决办法:在index.html里面引入iconfont.css文件,而不是在app.scss或其余文件里面import

相关文章
相关标签/搜索