联系我们
Ionic2系列-将beta升级到RC1,ionic2系列betarc1
国庆节前Ionic2宣布了RC0版本,已经贴近标准版了,前几天Angular2和TypeScript2也曾经宣布了正式版。详细的情况请参考官方博客:
此次进级升高了肯定的本性,引入了Angular2的部分新特征,如@NgModule、帮衬AoT编写翻译(Ahead of Time卡塔 尔(阿拉伯语:قطر等,项目协会也暴发了调换。所以供给花一点时光把beta版本的品种进级到RC0,相对于提高的习性来说,照旧很值得的。
AoT能够在build阶段预先编写翻译模板,运行速度和页面切换速度都会增加。官方提供了三个beta11和RC0的对立统风姿罗曼蒂克效果图:
可以见到,启用AoT的RC0版本运转速度大大晋级,首页加载速度比beta11版本快非常多。
除去,RC0的build情势也改成了。RC0放弃了webpack,使用了Rollup。不用再安装Gulp来保管职务了,用npm scrip来打包。不过对开垦者使用以来并不曾什么样变化,依旧接收Ionic serve命令即可,只是输出的内容具备变化。采纳这种build方式后,自定义打包脚本也变得十分轻巧配置了。可参谋Github项目地址:
品种组织的转换根本反映在引进了@NgModule,源代码从app目录移到了src目录,pages、providers这个目录都未有变化。
对于从beta版本平素跟下来的开拓者来讲,也许都遭逢过API在分裂版本中用法分化的意况,有的还变来变去,如Alert等构件的用法,展现三个Alert有的本子要调用Alert的办法某个版本要调用AlertController的办法。RC0也平稳了API用法,应该不会有大的改造了。
在编写翻译方式方面,beta版本早先要本身启用Angular2的生育情势,RC0就大约相当多,项目模板已经提供了dev方式和prod情势,使用ionic serve命令调节和测量试验的时候是dev方式,当使用build命令时会自动切换到prod格局,非常低价。prod格局编写翻译出来的js文件体积大大裁减,运营速度也快了大多。
此外还应该有风华正茂对变动,如:
1、重新命名了生命周期事件名称:
ionViewLoaded事件改为ionViewDidLoad
移除了IonViewDidUnload事件
从ViewController中移除了fireOtherLifecycles事件
2、将Storage从ionic-angular中更换来了四个独自的module——ionic-storage中,就算用到了该器件供给改进package.json然后npm install。
3、修改了color的用法:
不能够直接给叁个组件增加color了,一定要改成属性的章程,早前能够那样用:
<ion-tabs primary>
今后要改成这么:
<ion-tabs color="primary">
受影响的构件有:
- Badge
- Button
- Checkbox
- Chip
- FAB
- Icon
- Item (Item, Item Divider, List Header)
- Label
- Navbar
- Radio
- Searchbar
- Segment
- Spinner
- Tabs
- Toggle
- Toolbar
- Typography (headers, paragraphs, spans, etc.)
4、校订了button组件的宣示方式,<button>要改成<button ion-button>,<a button>改成<a ion-button>;Icon Button的评释情势也会有所扭转。
5、CSS引进情势也扭转了。早前要分头引进四个平台的css,由ionic动态加载,今后只需求以下风流罗曼蒂克行就能够了:
<link href="build/main.css" rel="stylesheet">
……
自作者认为RC0已经得以开展实际利用了,近些日子把手头的二个档期的顺序进级到了RC0。但是就在自己写那篇blog的时候,刚发掘10.13也正是几日前Ionic2公布了RC1,此中修补了Modal组件不也许触发ionViewDidLoad事件的bug,这一个bug小编早就际遇过。看来离正式版十分近了。当然RC0到RC1比较轻松,首就算beta11到RC改换极大。进级步骤如下:
听新闻说官方表明,有二种进级方式,后生可畏种是新建叁个新类型,将beta版本的代码拷过去;大器晚成种是直接在beta项目底蕴上改。推荐第后生可畏种方式,因为RC的项目布局变迁比比较大,最棒依然新建三个来改。
这么就基本到位了从beta晋级到RC的经过。
左近难点:
build到Android的进度中,报错:
Unsupported major.minor version 52.0
那是因为Ionic2RC不扶助JDK1.7 版本了,要求提高到JDK1.8才干符合规律编写翻译。
总体来讲进级到RC依旧很值得的。使用ionic serve命令时,Angular是dev格局:
当使用ionic build android命令时,能够见到改为了prod即坐蓐格局:
如此这般编写翻译后的运行速度大大升高。
如上的故事情节根本参照了官方的晋升文书档案,把重大的内容翻译了一下。假设大家有别的晋级方面的标题招待留言切磋。
法定升级表明地方:
国庆节前Ionic2揭橥了RC0本子,已经八九不离十标准版了,前日Angular2和TypeScript2也曾经公布了正式版。...