-
Gulp构建前端自动化工作流
[TOC] Gulp构建前端自动化工作流 来源(书栈小编注) Gulp构建前端自动化工作流 Example1:Gulp构建前端自动化工作流之：入门介绍及LiveReload的使用 Example2:Gulp构建前端自动化工作流之：常用插件介绍及使用 来源(书栈小编注) https://github.com/zhonglimh/Gulp -
Gulp构建前端自动化工作流
[TOC] Gulp构建前端自动化工作流 Gulp构建前端自动化工作流之：常用插件介绍及使用 构建项目目录结构（Directory Structure Build） 插件介绍及使用方法（Tasks and dependencies） 扩展优化（Extend & Optimize Task） 其他插件介绍（Other plug-ins）... -
Gulp构建前端自动化工作流之：常用插件介绍及使用
[TOC] Gulp构建前端自动化工作流之：常用插件介绍及使用 在对Gulp有了一个初步的了解之后，我们开始构建一个较为完整的Gulp开发环境。 本文主要分为6个段落： 构建项目目录结构（Directory Structure Build） 插件介绍及使用方法（Tasks and dependencies） 扩展优化（Extend & ... -
1. 构建项目目录结构（Directory Structure Build）
[TOC] 1. 构建项目目录结构（Directory Structure Build） + my-gulp（项目文件夹） + node_modules Gulp组件目录 + dist 发布环境 + css 编译后的CSS文件 ─ etc... + images 压缩后的图片文件 ─ etc... + js 编译后的JS文件 ─... -
6. 注意事项（Attention）
[TOC] 6. 注意事项（Attention） watch 的时候路径不要用 ‘./path’，直接使用 ‘/path’ 即可，不然会导致新增文件无法被 watch。 gulp 对于 one after one 的任务链，需要加 return，比如 gulp clean 参考资料：An introduction to Gulpgulp API 介绍 ... -
gulp 入门指南
[TOC] gulp 入门指南目录将规律转换为 gulp 代码规律编写 gulp 代码代码执行结果 gulp 入门指南 gulp 是基于 node 实现 Web 前端自动化开发的工具，利用它能够极大的提高开发效率。 在 Web 前端开发工作中有很多“重复工作”，比如压缩CSS/JS文件。而这些工作都是有规律的。找到这些规律，并编写 gulp 配置代码... -
7. 使用 gulp 构建一个项目
[TOC] 使用 gulp 构建一个项目package.json安装依赖设计目录结构让命令行输出的文字带颜色配置 JS 任务gulp-uglifygulp-watch-pathstream-combiner2gulp-sourcemaps配置 CSS 任务gulp-minify-cssgulp-autoprefixer配置 Less 任务配置 Sass 任... -
8. 示例代码
[TOC] 示例代码 使用 gulp 压缩 JS - 示例代码 使用 gulp 压缩 CSS - 示例代码 使用 gulp 压缩图片 - 示例代码 使用 gulp 编译 LESS - 示例代码 使用 gulp 编译 LESS - 示例代码 使用 gulp 构建一个项目 - 代码示例
