tio-webpack
传统前端的webpack,专门为传统前端开发的编译、压缩、打包工具,极大极大提升开发效率
使用场景
html代码段复用 常见的开发场景如header.html + xxx.html + foot.html ==> allXxx.html
html,css,js代码编译压缩合并
为还处在开发期的html,css,js提供实时运行效果
效果预览
以下截图,左侧为开发人员视图,右侧为实际运行后的视图
使用方法
找到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>
引用来自“Daniel-01”的评论
Beyond Compare 4 乃神器也引用来自“talent-tan”的评论
用了10多年了,这个工具似乎很难超越!引用来自“繁华似水”的评论
不是评论这个前端工具的么?怎么楼歪了?引用来自“Daniel-01”的评论
Beyond Compare 4 乃神器也引用来自“talent-tan”的评论
用了10多年了,这个工具似乎很难超越!引用来自“Daniel-01”的评论
Beyond Compare 4 乃神器也