您确定要退出登录吗?

修改密码

原密码
新密码
确认新密码
客服微信
产品咨询

tio-webpack

案例提交专员


框架/工具 t-io tio

产品介绍

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

使用场景

  1. html代码段复用 常见的开发场景如header.html + xxx.html + foot.html ==> allXxx.html
  2. html,css,js代码编译压缩合并
  3. 为还处在开发期的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>


登录 和大家一起讨论吧!

重置 发表评论


确定要删除该条评论吗?

案例不存在!