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)行后的視圖

使用方法

• 下載代碼 https://gitee.com/tywo45/tio-webpack

• 找到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)快