es6项目构建
1、基础架构,组织关系
image.png
2、任务自动化(gulp)
提高速度
增强工作流程的工具,基于nodejs
学习流程: 中文api , 实用插件
3、编译工具(babel 、webpack)
babel编译 es6
webpack 打包
webpack及webpack-stream
4、代码实现
创建一个es6项目
完成目录结构、自动构建、服务器搭建
创建目录:
模板文件是.ejs文件,nodeJs,可以当做.html文件
1、下载node安装包(node安装以后,重启命令窗口)
2、脚手架 express 就是为什么是.ejs文件
3、npm install
4、npm init 创建package.json
5、gulpfile.babel.js 因为用的是es6
image.png
网友评论