WHtml

一款让你用更加丝滑更符合组件化思想的方式来编写传统前端HTML页面

• 1: 脚手架地址：whtml-cli
• 2: 文档地址：Whtml

安装

1: 请使用 whtml-cli 进行安装，当然你也可以直接下载或clone拉取本仓库的代码到本地。

2: 第1步完成后，你需要先全局安装下面几个模块，使用一下命令：

npm i -g concurrently node-dev gulp gulp-cli

# 或者使用cnpm
cnpm i -g concurrently node-dev gulp gulp-cli

3: 初始化运行

#初始化依赖
npm install  
# 或者使用cnpm
cnpm install 

#运行网站
npm run all  

介绍

当你在编写传统HTML页面的时候是否曾经遇到过静态页面众多导致html，css，ja代码过度冗余，将大部分时间花在不断的ctrl+c，ctrl+v上，是否想过能将传统静态页面的公共部分例如头部和底部分离出来，不需要每次的复制粘贴，是否想过css代码频繁重复为何不能像写JavaScript那样封装成函数直接调用。

是否想过省去每次写css3时需要手动去加浏览器前缀的烦恼等，是否不想让自己辛勤编码的成果被别人轻而易举的获取到。是否抱怨过美工给的素材太大等。。。？

为何我们不能换种方式来进行更加优雅自动化的编码，我们只关心核心页面的编写，其他一切交给程序帮助我们自动化实现？

特性

WHtml能够让你获得以下更加爽快的体验：

• 1: 将静态页面组件化模块化，降低重复代码的重复编写。

• 2: 基于Node.js + Gulp 自动化构建项目，让前端的你无缝对接

• 3: 采用jade + stylus，用更加简洁高效的方式去书写html和css

• 4: 自动压缩合并编译html，css，JavaScript使的项目具备更加优秀的响应速度

• 5: 更加自由的框架配置和详细的中文代码注释，一键轻松配置源码实现定制化

• 6: 简洁明了的ES6+语法，代码赏心悦目，提升编码乐趣。

• 7: 程序实时编译同步你的每一行修改，删除，重命名，新建为你自动构建输出到 dist/，代码写完程序自动zip压缩打包，你需要做的是将zip发给你的后端即可。

• 9: ....等

更多的功能期待你的切身尝试！

版本更新

• 1.1.7

• 增加sh文件夹，实现在Linux系统上的一键提交代码至git
• 增加对publiccss文件和font文件的同步src删除操作
• 增加对public中第三方css文件的编译支持
• 增加对字体文件夹font的编译支持
• 更改less为stylus，使语法更简洁美观
• 增加更多的代码详细的代码注释，一目了然

• 1.1.6

• tinify 速度实在太慢已去除这个模块，等白天我来自己写个。
• 修改优化 gulp 代码，去除冗余！

• 1.1.2

• 这个模块tinify超过500次使用就要钱，所以正在开发自己的图片压缩插件(尽请期待..)
• 去除gulp-imagemin模块，增加 tinify 模块的自动图片压缩

• 1.0.2

• 去除gulp.js图片压缩模块，因为这个模块问题太多用不了
• 根据朋友建议增加对css编译的修改，page/ 文件合并，public/ 公共模块不合并
• 根据朋友建议去除对 less，js，jade代码编译后的自动压缩
• 增加更多源码注释

捐赠

如果你觉得 WHtml 对你有帮助，或者想对我微小的工作一点资瓷，欢迎给我提建议。