来源：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--------') }

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 关于包管理工具的学习 包管理

 PHP 5.6  HHVM  Nginx  MySQL  Postgres  Node (With PM2, Bower, Grunt, and Gulp)  Redis  Memcached  Beanstalkd  Laravel Envoy  Blackfire Profiler 2、安装 & 设置 应用定义基本的 Gulp 任务。Elixir 支持一些通用的 CSS 和 JavaScript 预处理器，甚至是测试工具。使用方法链，Elixir 允许你 平滑的定义资源管道。例如： elixir(function(mix) { mix.sass('app.scss') .coffee('app.coffee'); }); 如果你曾经对如何开始 Gulp 和前端资源编译感到困惑，那么你会爱上 Homestead 包含你需要的一切；然而，如果你不使用 Vagrant，你也 可以通过访问 Node 的下载页面轻松的安装 Node。 2.2 Gulp 接下来，需要安装 Gulp 作为全局 NPM 包： npm install --global gulp 2.3 Laravel Elixir 最后，在新安装的 Laravel 根目录下，你会发现有一个 package.json 文件。该文件和

⼀一样的⼤大杀器，scaffold 脚⼿手架，ORM 太弱。 开发⼤大型软件？ • 测试相关 tdd / bdd 测试覆盖率 • 规范化 standard、各种 lint、hint • 构建相关 gulp、grunt、webpack，⼤大量插件 • ⽣生成器 yo 等 • 包管理⼯工具 npm ⾜足够简单易⽤用 架构 Node.js 1）在语⾔言层⾯面可以做，那语⾔言层⾯面做 2）如果语⾔言层⾯面搞不定，那就架构层⾯面做 • 1）moa⽣生成器 • 2）moa-frontend • express • jade • bootstrap、bootstrap-table • jquery • gulp • nginx • 3）moa-api Features • ⾃自动加载路由 • ⽀支持mongodb配置 • 集成mongoosedao，快速写crud等dao接⼝口 • • ⽀支持migrate测试 • ⽀支持mocha测试 • 默认集成res.api，便于写接⼝口 • 集成supervisor，代码变动，⾃自动重载 • gulp⾃自动监控⽂文件变动，跑测试 • gulp routes⽣生成路由说明 • 使⽤用log4js记录⽇日志 技术栈 base2(mirco kernel) mongoose bluebird res.api

Nginx  MySQL  SQLite 3  Postgres  Composer  Node（With PM2, Bower, Grunt, and Gulp）  Redis  Memcached  Beanstalkd  Blackfire Profiler 本文档由 Laravel 学院（LaravelAcademy 应用定义基本的 Gulp 任务。 Elixir 支持一些通用的 CSS 和 JavaScript 预处理器，甚至测试工具。使用方法链，Elixir 允 许你平滑的定义资源管道。例如： elixir(function(mix) { mix.sass('app.scss') .coffee('app.coffee'); }); 如果你曾经对如何使用 Gulp 和编译前端资源感到困惑，那么你会爱上 Homestead 包含你需要的一切；然而，如果你不使用 Vagrant，你 也可以通过访问 Node 的下载页面轻松的安装 Node。 2.2 Gulp 接下来，需要安装 Gulp 作为全局 NPM 包： npm install --global gulp 2.3 Laravel Elixir 最后，在新安装的 Laravel 根目录下，你会发现有一个 package.json 文件。该文件

⽤用户信息 版本统计 权限管理理 构建层 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

MySQL  MariaDB  SQLite 3  Postgres  Composer  Node（With PM2, Bower, Grunt, and Gulp）  Redis  Memcached  Beanstalkd 2、安装 & 设置 首次安装 在使用 Homestead 之前，需要先安装 Virtual Box npm install 使用 npm install 安装好前端依赖之后，可以使用 Gulp 编译 SASS 文件为原生的 CSS，gulp 命令 会处理 gulpfile.js 文件中的声明。通常，编译好的 CSS 文件会被放置到 public/css 目录下： gulp Laravel 自带的默认 gulpfile.js 文件会编译 SASS 文件 resources/assets/sass/app 应用，同样，你可以按照应用的需要随意增删 package.json 中的扩展 包。 扩展包安装好之后，可以使用 gulp 命令来编译前端资源，Gulp 是一个 JavaScript 命令行构建工 具，当你执行 gulp 命令的时候，Gulp 将会执行 gulpfile.js 中的声明： gulp 默认情况下，Laravel 自带的 gulpfile.js 将会编译 SASS 和 resources/assets/js/app

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