前端自动化构建

当接手一个新的前端任务的时候,首先要做的是沟通需求,选择具体的实施方案,确定前后端交互内容;这个流程大致是本人2015年的工作流程;

快速开始

1、前端目录

## 目录结构图
--myApp
   --dist
   --src
      --js
         --lib
         --module
         --app.js
      --css
      --img
      --font
   index.html
   readme.md
   gulpfile.js 
   package.json    

2、构建工具

  • npm 管理依赖
  • webpack 对js进行打包,模块化
  • gulp 自动化项目的构建工具
前端自动化构建_第1张图片
Paste_Image.png

3、gulp常用插件

1、css
2、javascript
3、img
4、html
5、server
6、folder

你可能感兴趣的:(前端自动化构建)