gulp #gulp Table of Contents About 1 Chapter 1: Getting started with gulp 2 Remarks 2 Versions 2 Examples 2 Installation or Setup 2 1. Install Node.js and NPM: 2 2. Install gulp globally: 2 4. Install gulp in your project devDependencies: 3 5. Create a gulpfile.js at the root of your project: 3 6. Run gulp: 3 Task dependency 3 Concat js file in sub folder using gulp 4 gulp CLI docs 4 References 6 Examples 6 Setting up Browser sync And Configuring Watchers for Style and Script 6 NOTE 6 Gulp Watchdog Task 6 Snippet - 1 - inside watchdog boilerplate 7 snippet - 2 - inside watchdog boilerplate

来源：https://github.com/nimojs/gulp-book gulp 是基于 node 实现 Web 前端自动化开发的工具，利用它能够极大的提高开发效率。 在 Web 前端开发工作中有很多“重复工作”，比如压缩CSS/JS文件。而这些工作都是有规律的。找到这 些规律，并编写 gulp 配置代码,让 gulp 自动执行这些“重复工作”。 将规律转换为 gulp 代码 现有目录结构如下： └── dist/js/ 目录下 编写 gulp 代码 // 压缩 JavaScript 文件 gulp.task('script', function() { // 1. 找到 gulp.src('js/*.js') // 2. 压缩 .pipe(uglify()) // 3. 另存 .pipe(gulp.dest('dist/js')); dest('dist/js')); }); 代码执行结果 代码执行后文件结构 └── js/ │ └── a.js └── dist/ └── js/ └── a.js gulp 入门指南 - 1 - 本文档使用 看云 构建 a.js 压缩前 function demo (msg) { alert('--------\r\n' + msg + '\r\n--------') }

............................................................................ 57 ES6 modules and Gulp ................................................................................................. .................................................... 147 18. BabelJS — Working with BabelJS and Gulp ........................................................................................... 150 next upcoming version of JavaScript — ES6, ES7, ESNext, etc. ● BabelJS can be used along with gulp, webpack, flow, react, typescript, etc. making it very powerful and can be used with big project

2.8 2.9 2.10 2.11 2.12 3 3.1 3.2 目录 介绍 快速上手 5分钟了解TypeScript ASP.NET Core ASP.NET 4 Gulp Knockout.js React与webpack React Angular 2 从JavaScript迁移到TypeScript 新增功能 TypeScript 2.4 TypeScript 学习，PRs Welcome!!! 在相关链接的末尾可以找到本手册的Github地址。 目录 快速上手 5分钟了解TypeScript ASP.NET Core ASP.NET 4 Gulp Knockout.js React与webpack React Angular 2 从JavaScript迁移到TypeScript 新增功能 TypeScript 2.4 TypeScript TypeScript语言规范 本手册中文版Github地址 TypeScript Handbook（中文版） 7 介绍 Table of Contents ASP.NET Core ASP.NET 4 Gulp Knockout.js React与webpack Angular 2 从JavaScript迁移到TypeScript TypeScript Handbook（中文版） 8 快速上手

目 录 致谢 README Introduction 快速上手 5分钟了解TypeScript ASP.NET Core ASP.NET 4 Gulp Knockout.js React与webpack React Angular 2 从JavaScript迁移到TypeScript 手册 基础类型 变量声明 接口 类 函数 泛型 枚举 类型推论 TypeScript README - 7 - 本文档使用 书栈网 · BookStack.CN 构建 快速上手 5分钟了解TypeScript ASP.NET Core ASP.NET 4 Gulp Knockout.js React与webpack React Angular 2 从JavaScript迁移到TypeScript 手册 基础类型 变量声明 接口 类 函数 Welcome!!! 在相关链接的末尾可以找到本手册的Github 地址。 Introduction 快速上手 5分钟了解TypeScript ASP.NET Core ASP.NET 4 Gulp Knockout.js React与webpack React Angular 2 从JavaScript迁移到TypeScript 手册 基础类型 变量声明 接口 类 函数

H5 混合式移动开发在多数情况下 不具备足够优势。 React Native 和 NativeScript 开始替代 H5 混合式 webview 开发。 大多数人舍弃 Gulp 转而使用 NPM 脚本，但 Gulp 仍受欢迎。 SASS 工具继续受到欢迎，与此同时 PostCSS（+ CSSNext）开始发展。 大多数开发者都开始对 HTML、CSS 和 JavaScript（ESlint 上述领域是专家的人非常稀 少，甚至少的出奇。 不过，考虑到 JavaScript 已经渗透到了整套技术栈的所有层面（例如：React, node.js, express, couchDB, gulp.js 等），找到一个会前端开发和后端开发的 JavaScript 开发者并没 有那么难。通常，这些全栈开发人员只需要关心 JavaScript —— 不像先前那样荒谬（还要关 心视觉设计、交互设计和 Rollup SystemJS: 用 SystemJS 和 jspm 编写现代的，模块化的 JavaScript 代码 [视频][付费] 注释: 开发者使用类似于 Gulp 之类的 JS 模块化打包工具来帮助开发并不鲜见。然而，许多的 Gulp 插件本质上仅仅是利用了 Webpack, Rollup, 或者 SystemJS 而已。 学习模块加载和打包工具 83 关于包管理工具的学习 包管理

⽤用户信息 版本统计 权限管理理 构建层 Electron-builder webpack Gulp etc…… UAC ├── bin │ ├── jenkins.sh │ ├── run-test.sh ├── tasks │ ├── gulp.dev.js │ └── gulp.prod.js ├── conf │ ├── gulpfile.babel.js js └── package.json ├── bin │ ├── jenkins.sh │ ├── upload.sh ├── tasks │ ├── gulp.dev.js │ ├── gulp.prod.js │ └── release.js ├── conf │ ├── webpack.renderer.conf.js │ ├── webpack

主流浏览器器⽀支持情况 图⽚片压缩 CSS 前缀补全/预处理理器器 前端构建演变之路路 ant + YUI Tool grunt gulp fis3 webpack parcel rollup 为什什么选择 webpack? webpack grunt gulp 定义 Module bundler Task runner Task runner 语⾔言 JavaScript Node

@giorgionatili // #mobiletea Tech Stack • TypeScript • RxJS • JSPM or WebPack • NPM or Grunt and Gulp (seriously?!?) • Karma + (Jasmine or Mocha) + Chai @giorgionatili // #mobiletea TypeScript

New Webpack build - With Livesync support - Configurable .tns file filter - No need for Gulp New Webpack build Integration with Angular CLI - Call Angular CLI generator from {N} projects: