前后端分离--互联网官网开发脚手架

互联网官网开发模板----基于require+gulp的前后端分离的脚手架工具
项目地址

目录结构

• bin
  • render.js——(在gulpfile文件中使用到)解析layout中的模板html，将完整的html产出到src/html中
• dist——生成出来的最终工程结构
• src
  • conf——配置文件目录
  • css——由less文件产出的css文件
  • data——mock数据文件夹
  • html——由layout中的html文件解析出来的最终html文件
  • images——图片文件夹
  • js——js文件夹
  • layout——html的源文件夹
  • less——less文件夹
  • vendor——第三方库
  • widget——公用的html模板

使用到的技术

• require：实现模块化开发
• mock：实现本地模拟服务器端返回数据
• browsersync：启动本地浏览页面，并实现当源码更改时页面实时刷新
• art-template：使用到了html模块化封装，还有js模板
• gulp-autoprefixer：使用gulp-autoprefixer根据设置浏览器版本自动处理浏览器前缀
• 图片压缩，less转css，css和js压缩，css生成sourcemap