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

相關文章
相關標籤/搜索