google closure 三剑客

260 阅读1分钟

1. closure-stylesheets

1.1 作用

针对书写css有一系列的扩展

1.2 主要特性

  • Css的混合器:变量,函数,条件和重用css片段
  • 压缩css
  • 检测 css的语法
  • Css语法翻转
  • 以及CSS的重命名(最终可以达到css的命名很短)

2. closure-templates

1.1 作用

它是一个客户端和服务器端的模板系统,用来动态创建可复用的HTML和UI元素。

1.2 主要特性

  • 模块化,相对于传统的模板系统中需要为每个页面创建一个整体模板,Closure Templates是模块/组件化的,你可以从视图显示的角度来分解应用程序的逻辑,并创建自己的用户界面。
  • 同时适用多个语言-,用户可以在客户端和服务器端适用相同的模板,模板中可以使用JS脚本语言或Java。
  • 在客户端的高效运行,Closure Templates会被预编译成高效的JS脚本,以求最大化客户端的显示效果。
  • 模板之间可以相互调用。

3. closure-compiler

1.1 作用

针对js代码做类型检测和优化

1.2 主要特性

  • 类型检查 github.com/google/clos…
  • 打包优化
  • 让JavaScript编程更有效的js,比如var a = 1+3; 打包编译后变为 4

1.3 急速打包的后遗症

由于打包时会有破坏性的优化,所以写法有很多注意,具体看这个文章就可以了

segmentfault.com/a/119000000…

developers.google.com/closure/com…