[关闭]
@yiranphp 2016-09-26T03:05:07.000000Z 字数 1054 阅读 929

Angular Material 升级评审文档

未分类


升级Angular Material库的必要性:

v1.1.1修复了v0.8.3的一些bug(ipad上单击变多击,之前是修改源码打补丁),也可以自己build自己的版本
项目库的版本:v0.8.3
最新库的版本:v1.1.1


https://github.com/angular/bower-material
这个仓库是deployment repository(可直接部署的仓库),不需要再自行build

https://github.com/angular/material/tree/v1.1.1
这个仓库是真正的源码仓库,可以自行build自己的版本

仓库在自己的gulpfile中已经定义了一些 build模式

  1. # Build and deploy the library to
  2. #
  3. # - `dist/angular-material.js`
  4. # - `dist/angular-material.css`
  5. # - `dist/themes`
  6. gulp build

gulp build得到的是完整的lib库,包括core以及各个Components

  1. gulp build-all-modules
  2. // 生成的是下面的目录结构
  3. -- dist
  4. -- modules
  5. -- js
  6. -- core
  7. -- <component folder>

gulp build-all-modules 得到的是分离的core模块以及各个Components

自定义build:遗憾的是官方并未提供将指定的一些模块打包在一个文件中,而这才是我们想要的自定义build,在学习了相关的gulp知识之后,参考官方的gulp任务文件,写出了自定义Build的方法

具体自定义build的方法,详见代码

项目中使用的模块

  1. newbiModules: [
  2. 'backdrop', // 弹窗的遮罩层
  3. 'button', // 按钮
  4. 'checkbox', // 复选框
  5. 'content', // 内容容器
  6. 'dialog', // 弹框
  7. 'icon', // Tab依赖
  8. 'progressCircular', // loading
  9. 'radioButton', // 单选
  10. 'switch', // 开关切换
  11. 'tabs', // 选项卡
  12. 'toast' // 提示框
  13. ]

升级后的一些差异

  1. 主题:不再默认添加md-default-theme这个class
  1. md-button // 升级后的差异:拥有href或者ng-href属性的时候,将变成a元素,而不是button元素
  1. Tabs
  2. // 生成的结构变化很大
  3. ![tabs_prev.png-73.6kB][1]
添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注