chenbin92 / Es6 With Gulp Build

基于 Gulp 的前端工程化探索

本系列文章主要讲解如何用 gulp 搭建一个前端工程化项目；分为初、中、高三篇文章：

* 初级篇: 包括常见的 Sass 编译、Browsersync 自动刷新、代码合并压缩、ES6 代码转换等；

* 中级篇: 包括 browserify 的配置 、CommonJs 和 ES6 Module 的模块化编程风格；

* 高级篇: 使用 gulp 搭建前端环境之 ionic 项目实践总结；

一. 使用 gulp 搭建前端环境(入门篇)

1.1 gulp 入门基础
1.2 配置常用插件
1.3 ES6 代码转化
1.4 完整演示示例
1.5 参考文档

二. 使用 gulp 搭建前端环境之CommonJs & ES6 模块化(中级篇)

2.1 browserify 简介
2.2 编写 CommonJS 模块示例
2.3 编写 ES6 Module 模块示例
2.4 总结 CommonJs 和 ES6 Module
2.5 参考文档

三. 使用 gulp 搭建前端环境之 ionic 项目实践总结(高级篇)

3.1 前言
3.2 angular 目录结构简介
3.3 ionic 目录结构简介
3.4 重构 ionic 目录结构
   3.4.1 区分 SRC 和 WWW
   3.4.2 切换 Development、Staging、Production环境
3.5 gulp 配置详解
3.6 升级到 ionic2 
3.7 参考文档

四. 详细步骤及示例请移步至 ionic quickstarter with gulp

完成