在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
gulp-automation利用 Gulp 配置的前端项目自动化工作流,实现 css js html 代码和图片一键压缩、发布、打包、上线。 使用
方法 1
拉取该项目到本地,修改 npm installgulp 访问 方法 2
使用易网项目手脚架 1one-project 进行项目初始化,随后运行: $ gulp 访问 指令运行指令gulp 发布指令gulp build
说明目录结构gulp-automation ├─ build 发布目录,发布时会将 css js html 文件进行压缩,并存放于此 ├─ build-zip 打包目录,每次发布都会生成一个 zip 压缩包存放于此 ├─ page 静态页面 │ └─ include 公用页面 ├─ static 资源文件 │ ├─ css css 文件,通过 sass 自动生成 │ ├─ image 图片文件 │ │ └─ sprite 精灵图存放目录 │ ├─ js js 文件,通过 sourcejs 自动生成 │ ├─ plugin plugin 文件,存放 js 或 css 的插件和框架 │ ├─ sass sass 源文件 │ ├─ sourcejs js 源文件 │ └─ template template 文件,存放 js 模版文件 ├─ config.json 项目配置文件 ├─ gulpfile.js gulp 配置文件 └─ package.json npm 配置文件 项目配置
默认配置提供了两套环境,分别为开发环境和生产环境,可根据业务需求自行增加,例如增加测试环境。 "development": { // 名称,唯一 "name": "开发环境", // 名称,用于图形化界面的展示 "data": { // 需要用到的数据 "title": "开发", "api": "https://api.douban.com/v2/", "local": true }}
功能模块
IDE(编辑器)推荐使用 VS Code ,并安装以下扩展: 相关阅读 |
请发表评论