Skip to content
chencheng (云谦) edited this page May 8, 2014 · 1 revision

构建

amb 的构建会处理图片、CSS、JS 和 HTML。

整体流程

由于依赖的关系,比如 css 的 sprite 处理会依赖 img,所以整体上的流程是:

  1. img
  2. css & js
  3. html

构建步骤

基于以下原因:

  • 有些步骤比较耗时,比如上传 css,js,img 到 cdn 要 20s 左右
  • 有些步骤会影响调试,比如 cssmin, uglify(js 压缩)

amb 的构建分为 dev 和 publish 两种模式,开发的时候用 dev,要发布的时候用 publish 。

以下是目前 amb 构建的所有步骤,publish 模式会经过所有步骤,而 dev 模式排除掉标上 publish 的步骤。

img

  • 从 src 复制到 dist
  • imgmin publish

css

  • less 处理
  • @import 依赖合并
  • cssimg (相对路径图片上传) publish
  • peaches publish
  • cssmin publish

JS

  • seajs transport and concat (包依赖处理)
  • 打包 seajs-mini 进来
  • uglify (JS 压缩) publish

HTML

  • group 处理 publish
  • inline 处理 publish
  • htmlimg (相对路径图片上传) publish
Clone this wiki locally