Gulp-cli
基于 gulp 搭建的前端自动化构建. 适用于中小型项目, 快速构建前端项目框架.
项目启动
// 常用命令
项目编译: NPM run build
项目编译并启动: NPM run start
项目地址 https://github.com/perfectSymphony/Gulp-cli
如对你有帮助, 希望给个 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
到微信公众号去提问:
小生后话
此前端自动化构建及自动化部署框架
可以随便根据自己的需求, 修改配置, 增加框架更多的功能
如有设计不合理地方, 可以提出, 也可以到我的微信公众号里面提出改进问题
项目地址 https://github.com/perfectSymphony/Gulp-cli 如对你有帮助, 希望给个 Star ! 哈哈哈!!
来源: http://www.bubuko.com/infodetail-2867287.html