前端框架Angular6正式释出，支援输出组件跟上打破框架潮流

依照着发布节奏，每6个月一次的主要版本更新，前端网页程式开发框架Angular正式释出第6版。这个版本打破框架障碍，让开发者能输出组件给其他框架使用，还强化命令列工具Angular CLI，也对一系列工具链进行更新，并宣布从Angular 4开始，每一个主要更新都为长期支援版本。

新释出的开发框架开始打破框架！不只刚发布的渐进式网页应用程序开发框架Dojo 2.0，提供工具让开发者得以输入及输出网页组件，现在连Angular也可以，在版本6中，其Angular Elements工具让开发者可以打包Angular组件成为Custom elements，而Custom elements为Firefox、Chrome、Opera与Safari等先进浏览器皆支援的网页平台公共标准。

因此开发者现在可以将爱用的Angular组件，像是日期选择器等，以Angular Elements打包后，提供给React的应用程序使用，这个过程会像是使用jQuery或是VueJS一样容易。

在Angular 5.1才释出稳定版的Angular Material以及Angular CDK，在Angular 6中新增了树状结构组件以展示阶层资料，依照资料表格组件的模式，所有树状结构的指令都包含在CDK中，而在Angular Material提供的样式，与Material Design拥有相同的使用经验，有一般以及巢状的树结构。

另外，Angular 6借由改变相依关系的运作方式，提供程式码最佳化的功能。官方表示，他们将模组参照服务（Modules Referencing Services）改变为服务参照模组（Services Referencing Modules），这个动作将让Angular能够在最后发布的程式中，只捆绑真正用到的模组。这个方法被称为相依注入（Dependency Injection，DI），相依注入系统只在创建物件实例时提供依赖的物件。

Angular CLI主要新增两个套件指令ng update与ng add。ng update会分析package.json档案，针对开发者的应用程序推荐更新，而且不仅是建议正确版本的相依关系，还能确保相依关系的同步。而当第三方相依专案提供ng更新Schematics，这些专案也能在需要进行重大改变时自动更新程式码。

另一个ng add指令则可以帮开发者专案轻松的添加新功能，该指令使用套件管理器下载新的相依档案，并且触发安装脚本更新专案配置、添加新的相依关系或是架构特定套件的初始化程式码。

Angular预告接下来将会导入新的渲染引擎Ivy，而这也将是从第一版到现在的第三个渲染引擎，Ivy更新了渲染工作管线，以加速整体渲染速度。值得一提的是，Ivy在程式码最佳化的工作也参了一脚，Ivy直接生成模板指令，而非将渲染模板的资料传递给内容直译器，这代表更小的捆绑包以及更快的启动速度，甚至还支援中断点，提供堆叠追踪功能。

官方提到，他们之前宣布只有Angular 4以及Angular 6为长期支援版本，但考虑跨两个版本的功能差异太大，会有更新实务的困难，同时也让大型专案有更多时间规划更新，因此他们从Angular 4开始，为每个主要更新版本都提供长期支援，每个长期支援为期18个月，约有6个月的积极开发期，剩下的12个月仅修补关键错误以及安全补丁。