1.es6构建前端工程1

1.简介

​​

 

​​

​​

 

2.默认参数

​​

3.字符串模板

 

​​

4.解构赋值，箭头函数

​​

5.es6前端的基本技能

前端技术的提升，学习es6的源码

vue既是es6源码开发的

​​

 

6.构建工具

es6的编译，监听，打包，上线流程

后端服务框架用express，用mockjs模拟接口数据】

前端用es6

​​

 

 

7.ES6

前端模块化方案

工程构建

编程经验-思维模式的逻辑层实现的通

 

8.项目的构建

es6不能直接跑起来

所以需要构建项目

 

***基础架构-前端的架构

***任务自动化-gulp（类似于less，sess的自动化编译），开发一种语言，运行一套语言

***编译工具（bable，webpack），bable专门编译es6,webpack进行打包

***代码的实现

 

项目构建如下

​​

 

 

自动构建属于资源整合的，不属于上线部分

mockjs模拟数据接口。

 

任务自动化使用gulp，grand已不适用。

 

webpackStream是webpack对gulp的支持插件

 

9.三个并行的模块

app 前端代码

css/js/views

js/class es6的类文件

touch test.js 新建类js

views/index.ejs ejs---服务器的框架使用node的express，使用的模板是.ejs

views/error.ejs

 

server 服务器代码

express需要使用node.js

express -e . 命令行的意思是： express的脚手架启动，e使用es6模板引擎

(安装错误的话，npm install -g express-generator )

 

tasks 构建工具目录