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

2018-11-06 18:26 更新

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


如果項(xiàng)目遵循推薦的標(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

然后運(yùn)行構(gòu)建命令:

$ cd foo-module
$ spm build

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

詳細(xì)可參考 http://docs.spmjs.org/

推薦將 seajs/examples clone 到本地,實(shí)際操作一下就清楚。

自定義構(gòu)建

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

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

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

推薦幾篇社區(qū)貢獻(xiàn)的文章:

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


有任何問題,歡迎留言交流。
注意:已解決的問題,會(huì)在整理后刪除掉。


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)