# 發布系統環境
nodejs+grunt
dependencies:
grunt、grunt-cli、grunt-cmd-concat、grunt-contrib-watch、htmlparser2、js-beautify、less等等。
# 配置
文件package.json
configs項(*基本不需要修改)。
"configs": {
"base": "src/",? //基礎目錄*
"requirePjs": [{"src": ["**/"],"ext": "pjs"}],? //src源碼路徑,ext擴展名*
"build": {"path": "dist/"},? //輸出目錄*
"server": {"ip": "192.168.10.47","autoreload": true},? //html引用的當前IP,是否自動刷新
"ptemplatejs": {"path": "./"}? //ptemplatejs所在目錄,合并時屏蔽的模塊
}
src/app.js,項目配置文件
module.exports = {
configs: [{
projectName: "test",? //項目名
version: "0.0.1",? //項目版本
modules: { //模塊配置,如果不配置將自動按系統默認處理
files: [{
"app.0.0.1": "./src/test/js/index.js",? //輸出文件名及版本:源文件地址及文件名
"app.in.0.0.1": "./src/test/js/index.in.js"
}]
}
},{
projectName: "book",
version: "0.0.1"
},{
projectName: "pages",
version: "0.0.1",
build:{
"uglifyjs": false,? //是否壓縮javascript文件
css:{ //此項不設置將默認不輸出CSS文件
isfile: true? //是否輸出CSS文件
}
},
"ptemplatejs": {"ignore": ["jsonp","ajax"]}
//ptemplatejs合并時屏蔽的模塊,不添加將合并全部
}]
}
執行腳本配置,添加新項目后可以在下面添加對應的命令。
"scripts": {
"pages": "grunt watch:pages",
...
}
# 目錄
bin 系統主要模塊目錄
dist 輸出目錄
css? 樣式文件,*.css
html? html頁面文件,*.html
js? ? js腳本文件,*.js
libs? ptemplatejs庫,*.js
zip? 壓縮包文件,*.zip
node_modules node依賴目錄
src 源碼目錄
html? html頁面文件,*.html
js? ? js腳本文件,*.js
pjs? ? pjs單文件模板,*.pjs
router 路由文件,*.pjs
store? 數據倉庫文件,*.pjs
# 執行
在命令行環境下,輸入 npm run pages 回車,當出現 waiting... 說明系統啟動功能。
這時就可以在編輯器保存相應的文件,系統將自動完成文件的創建和更新。
單一項目手動生成,輸入 grunt build_pages 回車,等待完成。
注:錯誤將給出相應提示,可能會停止。
如果停止執行的話,這時你就需要輸入ctrl+c,按提示輸入y回車。修復錯誤后再重復上面的命令繼續。
github.com/ereddate/ptemplatejs
開發討論群:9786575