前端工程化项目

工欲善其事，必先利其器

本项目依赖gulp+webpack，结合两者之长，实现灵活多变的前端工程化项目

欢迎各位提各种bug和优化建议，快用它们砸死我吧

功能介绍

• 支持配置文件个性化配置
• 支持实时监控css/html文件变化，浏览器自动刷新
• 支持sass编译文件，可单独执行sass命令和实时监控sass文件变化进行编译，生成css
• 支持css，js的压缩
• 支持js文件打包
• 支持es6编译
• 支持图片的base64和压缩
• 后续功能持续开发中...

环境

node ^7.0.0

安装

npm install

目的

主要用于纯静态页面的前端项目的工程化

使用

npm start //启动项目

目录结构

gulp ---------------------- gulp+webpack 相关配置文件
 |__ config -------------------- 全局配置文件目录
 |__ lib    -------------------- 静态模板资源
 |__ tasks  -------------------- 模块化任务
 |__ utils  -------------------- 公共功能库
 |
src  ---------------------- 编译前的文件
 |__ images -------------------- 存放压缩前的图片
 |__ sass   -------------------- 存放编译前的sass文件
 |     |__ app  --------------------- 需要编译的sass文件
 |     |__ core --------------------- sass核心文件
 |     |__ module ------------------- 模块化的sass文件
 |__ scripts ------------------- 存放js脚本文件
 |     |__ app  --------------------- 需要编译的js文件
 |     |__ core --------------------- js核心文件
 |     |__ module ------------------- 模块化的js文件
 |__ views   ------------------- ejs文件
 |     |__ app  --------------------- 需要编译的ejs文件
 |     |__ core --------------------- ejs核心文件
 |     |__ module ------------------- 模块化的ejs文件
 |__ sprites ------------------- 需要生成精灵图的图片
 |
assets --------------------- 编译后生成的文件
 |__ css    ------------------------- 样式文件
 |__ images ------------------------- 图片文件
 |__ js     ------------------------- js脚本文件

项目未完成，持续开发中...