基于gulp搭建的前端自动化构建框架

Gulp-cli

基于gulp搭建的前端自动化构建。适用于中小型项目，快速构建前端项目框架。

项目启动

1. // 常用命令
2. 项目编译： npm run build
3. 项目编译并启动： npm run start

项目地址

• 如对你有帮助，希望给个Star ！哈哈哈！！

1. git clone [email protected].com:perfectSymphony/Gulp-cli.git

项目目录

1. ├── README.md # 项目说明
2. |—— bin # (在gulpfile文件中使用到)解析layout中的模板html，将完整的html产出到src/views/html中
3. ├── dist # 打包路径
4. |—— logs # 监听编译less文件时，打印报错信息，
5. ├── gulpfile.js # gulp配置文件
6. ├── package.json # 依赖包
7. |
8. ├── src # 项目文件夹
9. │ ├── conf # 配置文件目录
10. │ ├── data # mock数据文件夹
11. | |—— public # 第三方库
12. │ ├── static # 资源文件夹
13. | | |—— css # 由less文件生成的的css文件
14. │ │ ├── images # 图库
15. │   │   ├── js # 脚本
16. │   │   └── less # less文件夹（**样式相关的在该文件夹中开发**）
17. │   └── views # 页面

如何使用

1、下载项目：

1. git clone [email protected].com:perfectSymphony/Gulp-cli.git

2、安装依赖：

1. $ cd Gulp-cli && npm install

3、启动页面，访问http://localhost:3333/dist/front/views/index.html

1. $ npm run start

4、产出最终工程

1. npm run build

到微信公众号去提问：

小生后话

• 此前端自动化构建及自动化部署框架
• 可以随便根据自己的需求，修改配置，增加框架更多的功能
• 如有设计不合理地方，可以提出，也可以到我的微信公众号里面提出改进问题
• 项目地址 如对你有帮助，希望给个Star ！哈哈哈！！

原文地址：https://www.cnblogs.com/myprogramer/p/10045620.html