版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/yaocong1993/article/details/84561408
一、ES6项目构建
ES6不能直接在浏览器运行。
1、项目目录创建
编译：把ES6编译为ES5，甚至ES3（IE6-8）。
（1）前端代码app
服务器代码是通过node.js的express框架实现，所以模板中的文件以.ejs为后缀，可以先当作.html使用。
（2）服务器代码server
使用express脚手架前先安装node，node -V，npm -V检查是否安装成功。
npm install -g express，npm install -g express-generator安装express，express -V检查是否安装成功。
生成服务器目录和文件：在server目录下输入“express -e .”，express是脚手架的命令，-e使用ejs模板引擎，.表示在当前目录执行。
（3）构建工具
创建许多任务的ds，如文件的合并、脚本的编译、模板的自动更新等。有一个需要处理命令行参数，util放置常见的脚本。
（4）根目录下的文件
package.json：项目安装依赖包（npm install）时使用。可手动或自动创建（npm init）。
.babelrc：设置babel编译工具的配置文件。babel编译时自动查找该文件，找不到则无法读到配置。type nul>.babelrc
gulpfile.babel.js：gulp配置文件。因为使用了ES6的语法，所以该文件名中多了.babel。
2、任务自动化（gulp）
减少人工操作，让机器监听所有操作，自动响应。
gulp提供很多插件，完成各项任务task。https://www.gulpjs.com.cn/
3、编译工具（babel、webpack）
babel：JavaScript编译器