ES6项目构建

基础架构 

什么是任务自动化

减少人工操作,让机器自动的去响应

什么是gulp

解决自动化的构建工具,用node.js做开发

什么是babel  webpack

balel编译工具,webpack是模块化工具,webpack-stream是对gulp的支持

项目目录创建

  • app 放前端代码
    • css
    • js
      • class 放置es6的类
      • index.js 放口文件
    • views 模版 html
      • error.ejs 创建错误模版
      • index.ejs 创建入口模版
  • server 服务器目录
    • 运行命令“express -e . ” 在当前目录使用ejs模版引擎
  • tasks 构建工具目录
    • util 放置常见脚本
  • 运行“npm init’创建package.json,有了package.json以后,就可以用npm来安装各种依赖包了
  • touch .babelrc设置babel编译工具
  • touch gulpfile.babel.js 

猜你喜欢

转载自blog.csdn.net/weixin_41900808/article/details/88526643
今日推荐