4. 其他插件介绍（Other plug-ins） 这部分插件作为扩展阅读，只做简单介绍。每个插件都有每个插件的特性，根据你的喜好和实际操作环境而定，萝卜青菜各有所爱。用的人最多的，不代表就是适合你的。总之，有时间有精力的，可以多试试，多玩玩，多配配，这里也只是冰山一角。 4.1 CSS类 1. CSS压缩 (gulp-minify-css )...

2. 插件介绍及使用方法（Tasks and dependencies） 2.1 HTML处理（HTML Task） 2.2 样式处理（CSS Task） CSS预处理/Sass编译 ( gulp-ruby-sass ) ： 2.3 脚本压缩&重命名（Javascript Task） JS文件压缩( gulp-uglify )： 2.4 图片处...

6. 注意事项（Attention） watch 的时候路径不要用 ‘./path’，直接使用 ‘/path’ 即可，不然会导致新增文件无法被 watch。 gulp 对于 one after one 的任务链，需要加 return，比如 gulp clean 参考资料：An introduction to Gulp gulp API 介绍 扩展...

Gulp构建前端自动化工作流 Gulp构建前端自动化工作流：入门介绍及LiveReload的使用 Gulp是什么鬼（What’s Gulp） ? 为什么使用Gulp而不使用Grunt（Why use Gulp instead of Grunt）? 1. 安装Node.js（Install Node.js） 2. 创建项目目录（Create Projec...

更多实践 gulp browser-sync open 更多实践 gulp 如果我们的框架里没有gulp，会显得有点low，那我们也使用gulp作为构建工具吧 一般作用 构建，打包 watch 先实现一个简单的watch吧 npm i - g gulp npm i - S gulp npm i - S gulp - ...

3. 扩展优化（Extend & Optimize Task） 3.1 文件重命名( gulp-rename )： 3.2 来源地图( gulp-sourcemaps )： 3.3 只操作有过修改的文件( gulp-changed )： 3.4 文件合并( gulp-concat )： 3.5 文件清理( gulp-clean )： ...

配置开发环境 准备工作 注意事项 配置开发环境 准备工作 cd ~ /Documents/ ppmessage / ppmessage / ppconsole bower install cd ./ gulp npm install gulp 注意事项 开发时需要执行gulp watch 任务 cd ~ /...

gulp 入门指南 目录 将规律转换为 gulp 代码 规律 编写 gulp 代码 代码执行结果 gulp 入门指南 gulp 是基于 node 实现 Web 前端自动化开发的工具，利用它能够极大的提高开发效率。 在 Web 前端开发工作中有很多“重复工作”，比如压缩CSS/JS文件。而这些工作都是有规律的。找到这些规律，并编写 gulp...

1. webpack 是什么? 2. 与 grunt/gulp 的区别 3. 跟 Browserify 相比 4. 优势 5. 为什么要学习 webpack 1. webpack 是什么? 先来说一下 webpack 是什么。 webpack 的官方对它是这样定义的： webpack is a module bun...

ASP.NET Core ASP.NET Core 安装 ASP.NET Core 和 TypeScript 新建工程 设置服务项 VS2015 VS2017 添加 TypeScript 添加 TypeScript 代码 添加示例代码 构建设置 配置 TypeScript 编译器 配置 NPM 设置 gulp 编写HTML页 测试 ...