ES6项目构建工具使用（完整版）

最近学习用ES6语法写项目，因为浏览器目前不支持ES6语法 （特别IE8以下的浏览器不支持ES5—6），无法部署到线上，为了必须构建支持ES6的环境， 所以重新整理下需要的开发工具，避免以后遇坑。

gulp（任务自动化工具） gulp文档

bable，webpack（编译工具）

npm

bable专门把ES6编译成es5，es3的工具
webpack专门处理模块化项目依赖工具

gulp更适合做自动化工作流，webpack更适合打包资源文件。使用gulp管理构建任务，webpack只负责打包。

___________________________ 我是一条分割线 __________________________________

1创建项目目录

这里可以选择新建文件夹（es6），不过电脑已经直接安装了Git 所以我直接使用 git bash命令行工具创建。

————————————————————我是一条分割线——————————————————

1.新建文件夹后cd进去。然后构建三个目录。

$ mkdir app //专门放代码

$ mkdir server  //专门放服务器数据

$ mkdir tasks  //专门放模块

2.cd app（$ cd app/）文件夹进去，然后创建三个目录

$ mkdir css  //放样式

$ mkdir js  //放脚本

$ mkdir views  //放模板

3.在js文件中创建一个类文件

$ mkdir js/class

**4.初始化文件 **

$ touch js/class/test.js  

$ touch js/index.js  //入口文件

$ touch views/error.ejs  //错误模板

$ touch views/index.ejs  //入口模板

如图这样

5.创建服务器server下的目录

然后遇到问题了，注意： 这里先要安装express脚手架