基于gulp搭建的前端自动化构建
Posted 指尖下的精灵
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了基于gulp搭建的前端自动化构建相关的知识，希望对你有一定的参考价值。
Gulp-cli
基于gulp搭建的前端自动化构建及部署。适用于中小型项目，快速构建前端项目框架。
项目启动
// 常用命令
项目编译： npm run build
项目编译并启动： npm run start
项目地址
如对你有帮助，希望给个Star ！哈哈哈！！
git clone git@github.com:perfectSymphony/Gulp-cli.git
项目目录
├── README.md # 项目说明
|—— bin # (在gulpfile文件中使用到)解析layout中的模板html，将完整的html产出到src/views/html中
├── dist # 打包路径
|—— logs # 监听编译less文件时，打印报错信息，
├── gulpfile.js # gulp配置文件
├── package.json # 依赖包
|
├── src # 项目文件夹
│ ├── conf # 配置文件目录
│ ├── data # mock数据文件夹
| |—— public # 第三方库
│ ├── static # 资源文件夹
| | |—— css # 由less文件生成的的css文件
│ │ ├── images # 图库
│ │ ├── js # 脚本
│ │ └── less # less文件夹（**样式相关的在该文件夹中开发**）
│ └── views # 页面
如何使用
1、下载项目：
git clone git@github.com:perfectSymphony/Gulp-cli.git
2、安装依赖：
$ cd Gulp-cli && npm install
3、启动页面，访问http://localhost:3333/dist/front/views/index.html
$ npm run start
4、产出最终工程
npm run build
到微信公众号去提问：
小生后话
此前端自动化构建及自动化部署框架
可以随便根据自己的需求，修改配置，增加框架更多的功能
以上是关于基于gulp搭建的前端自动化构建的主要内容，如果未能解决你的问题，请参考以下文章