ES6项目构建（babel+gulp+webpack）

（一）基础架构

（二）任务自动化（gulp）

（三）编译工具（babel,webpack）

（四）代码实现

 

一.基础构架

 

1.app : 放置前端代码 

css : css文件

js : js文件

class : 专门放置es6的类文件

test.js

index.js : 入口文件 

views : 页面文件

error.ejs : 错误页面

index.ejs : 入口页面

(服务器代码通过express nodejs框架构建了。使用的模板引擎为ejs引擎。可当作html文件)

2.server：服务器目录

 3.tasks：构建工具的目录

util : 放置常见的脚本

args.js

4.package.json

npm init

自动创建package.json文件

 

服务器搭建

1.安装node.js  (http://nodejs.cn/download/)

2.安装express   (http://www.expressjs.com.cn/starter/installing.html)

安装后 执行 

npm install

服务器代码已经安装好