tio-webpack傳統(tǒng)前端的webpack
tio-webpack
傳統(tǒng)前端的webpack,專門為傳統(tǒng)前端開發(fā)的編譯、壓縮、打包工具,極大極大提升開發(fā)效率
使用場(chǎng)景
-
html代碼段復(fù)用 常見的開發(fā)場(chǎng)景如header.html + xxx.html + foot.html ==> allXxx.html
-
html,css,js代碼編譯壓縮合并
-
為還處在開發(fā)期的html,css,js提供實(shí)時(shí)運(yùn)行效果
效果預(yù)覽
以下截圖,左側(cè)為開發(fā)人員視圖,右側(cè)為實(shí)際運(yùn)行后的視圖
使用方法
-
找到release/config/app-env.properties 把里面的http.page值配成你的網(wǎng)頁(yè)目錄 把build.to值配成你的打包后的目錄
-
運(yùn)行
1、雙擊release/run.bat
2、訪問(wèn)http://127.0.0.1:10150,便可訪問(wèn)你的網(wǎng)頁(yè)了
-
打包
1、雙擊release/dist.bat
2、生成的文件會(huì)在build.to指定的目錄中
一分鐘掌語(yǔ)法
如果你已經(jīng)會(huì)使用freemarker,這一分鐘都可以省掉啦,因?yàn)閠io-webpack的語(yǔ)法和freemarker一模一樣的,如果你不會(huì)freemarker,只需要掌握下面兩個(gè)指令即可完成相當(dāng)不錯(cuò)的功能
1. include指令
2. if指令
var log = console.log.bind(console);
var log = function () { };
#if>
大家先可以關(guān)注一下該項(xiàng)目的母項(xiàng)目:t-io不僅僅是百萬(wàn)級(jí)即時(shí)通訊框架,等有空了,給大家整個(gè)樣例工程,這樣學(xué)起來(lái)快
評(píng)論
圖片
表情
