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

内容简介：tio-webpack 传统前端的webpack，专门为传统前端开发的编译、压缩、打包工具，极大极大提升开发效率 使用场景 html代码段复用 常见的开发场景如header.html + xxx.html + foot.html ==> allXxx.html html,css,js代...

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不仅仅是百万级即时通讯框架，等有空了，给大家整个样例工程，这样学起来快

【声明】文章转载自：开源中国社区 [http://www.oschina.net]

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

• 小前端学编译原理
• JVM 笔记：前端编译与优化
• 精读《如何编译前端项目与组件》
• 前端打包编译时代来临对漏洞挖掘的影响
• [ Laravel 5.7 文档 ] 前端开发 —— 使用进阶：通过 Laravel Mix 编译前端资源
• 前端与编译原理——用JS写一个JS解释器

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。