標(biāo)準(zhǔn)構(gòu)建

spm3 已經(jīng)發(fā)布，建議使用最新的構(gòu)建工具。http://spmjs.io/documentation/develop-a-package#build

如果項目遵循推薦的標(biāo)準(zhǔn)目錄結(jié)構(gòu)：

foo-module/
  |-- dist                    存放構(gòu)建好的文件
  |-- src                     存放 js、css 等源碼
  |     |-- foo.js
  |     `-- style.css
  `-- package.json      模塊信息

那么構(gòu)建很簡單。首先安裝 spm 工具（spm2）：

$ npm install spm@2.x -g
$ npm install spm-build@0.x -g

然后運行構(gòu)建命令：

$ cd foo-module
$ spm build

這樣，就會根據(jù) package.json 中的信息，將文件自動構(gòu)建到 dist 目錄下。構(gòu)建后，還需要將 dist 目錄下的文件部署到 sea-modules 目錄中，比如 examples 中的 make deploy 命令：Makefile

詳細可參考 http://docs.spmjs.org/

推薦將 seajs/examples clone 到本地，實際操作一下就清楚。

自定義構(gòu)建

如果標(biāo)準(zhǔn)構(gòu)建無法滿足需求，可以直接使用 Grunt 來完成。Grunt 是一個非常優(yōu)秀的構(gòu)建工具，詳見：http://gruntjs.com/

利用 Grunt 來構(gòu)建 CMD 模塊需要使用到以下 Grunt Tasks：

• grunt-cmd-transport

• grunt-cmd-concat

這一塊真的很簡單，只要你熟悉 Grunt，因此先閱讀 Grunt 的文檔吧，然后有任何問題，歡迎回復(fù)。

推薦幾篇社區(qū)貢獻的文章：

• CMD 模塊構(gòu)建，從認(rèn)識 Grunt 開始

• 如何使用 Grunt 構(gòu)建一個中型項目

• 使用 spm 構(gòu)建業(yè)務(wù)模塊的個人經(jīng)驗

非常歡迎大家的使用經(jīng)驗總結(jié)。

有任何問題，歡迎留言交流。
注意：已解決的問題，會在整理后刪除掉。