tio-webpack 2.0.2 发布,传统前端的编译打包压缩工具

talent-tan
 talent-tan
发布于 2017年11月30日
收藏 32

tio-webpack

传统前端的webpack,专门为传统前端开发的编译、压缩、打包工具,极大极大提升开发效率 输入图片说明

使用场景

  • html代码段复用 常见的开发场景如header.html + xxx.html + foot.html ==> allXxx.html

  • html,css,js代码编译压缩合并

  • 为还处在开发期的html,css,js提供实时运行效果

效果预览

以下截图,左侧为开发人员视图,右侧为实际运行后的视图

输入图片说明

输入图片说明

输入图片说明

输入图片说明

输入图片说明

输入图片说明

输入图片说明

使用方法

  • 下载代码 https://gitee.com/tywo45/tio-webpack

  • 找到release/config/app-env.properties 把里面的http.page值配成你的网页目录 把build.to值配成你的- 目录

  • 运行

    1、双击release/run.bat

    2、访问http://127.0.0.1:10150,便可访问你的网页了

  • 打包

    1、双击release/dist.bat

    2、生成的文件会在build.to指定的目录中

一分钟掌语法

如果你已经会使用freemarker,这一分钟都可以省掉啦,因为tio-webpack的语法和freemarker一模一样的,如果你不会freemarker,只需要掌握下面两个指令即可完成相当不错的功能

1. include指令

<#include "/js/app/a.js">

2. if指令

<#if console.log == true >
    var log = console.log.bind(console);
<#else>
    var log = function () { }; 
</#if>

大家先可以关注一下该项目的母项目:t-io不仅仅是百万级即时通讯框架,等有空了,给大家整个样例工程,这样学起来快

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 OSCHINA 社区 [http://www.oschina.net]
本文标题:tio-webpack 2.0.2 发布,传统前端的编译打包压缩工具
加载中

最新评论(5

绿薯
绿薯
sourcetree 的fileMerge 也不错.好像xcode也自带.主要是mac下Beyond Compare收费买不起.哈哈.破解不安全
开源中国首席罗纳尔多
开源中国首席罗纳尔多

引用来自“Daniel-01”的评论

Beyond Compare 4 乃神器也

引用来自“talent-tan”的评论

用了10多年了,这个工具似乎很难超越!

引用来自“繁华似水”的评论

不是评论这个前端工具的么?怎么楼歪了?
diff
繁华似水
繁华似水

引用来自“Daniel-01”的评论

Beyond Compare 4 乃神器也

引用来自“talent-tan”的评论

用了10多年了,这个工具似乎很难超越!
不是评论这个前端工具的么?怎么楼歪了?
talent-tan
talent-tan

引用来自“Daniel-01”的评论

Beyond Compare 4 乃神器也
用了10多年了,这个工具似乎很难超越!
Daniel-01
Daniel-01
Beyond Compare 4 乃神器也
返回顶部
顶部