ES6项目构建

Vue,Element,D3.js框架都是基于ES6标准来编码实现的,
但是ES6浏览器(chorme,IE,IE6,7,8只支持ES3)是不支持直接运行的,所以要使用ES6标准来进行前端开发必须先构建支持ES6项目运行的环境。
构建工具:npm, gulp ,webpack,babel

【项目构建】

(1)基础架构
ES6项目构建_第1张图片
(2)任务自动化(gulp):减少人工做,让机器(计算机)自动去监听所有的操作,自动的去响应,去执行。
什么是gulp?
简单来说,它就是一个基于流的自动化构建工具,实现任务自动化工作。它背后是 基于nodejs 开发的,包含许多的插件工具,例如 gulp-if,gulp-concat …

(3)编译工具(babel ,webpack)
babel:javascript的编译器,专门编译ES6代码工具,将ES6 编译成 ES5,甚至是 ES3;
webpack:实现模块化开发

(4)代码实现

你可能感兴趣的:(ES6项目构建)