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

服务器代码已经安装好