gulp

注意：用心找自己做的项目中自己感觉最拿出来手的（复杂度最高，用的技术最多的项目），描述的时候尽可能往里面添加一些技术名词 布局我们用html5+css3 我们会用reset.css重置浏览器的默认样式 JS框架的话我们选用的是jQuery(也可能是Zepto) 我们用版本控制工具git来协同开发 我们会基于gulp搭建的前端自动化工程来开发（里面包含有我们的项目结构、我们需要引用的第三方库等一些信息，我们还实现了sass编译、CSS3加前缀等的自动化） 我们的项目中还用到了表单验证validate插件、图片懒加载Lazyload插件 来源： https://www.cnblogs.com/Rivend/p/12642745.html

为什么使用Gulp Gulp自动化构建工具可以增强你的工作流程！ 易于使用、易于学习、构建快速、插件高质！ 在日常开发中，可以借助Gulp的一些插件完成很多的前端任务。 如：代码的编译（sass、less）、压缩css，js、图片、合并js，css、es6转es5、自动刷新页面等 gulp中文官网 ： https://www.gulpjs.com.cn/ 插件地址 ： https://gulpjs.com/plugins/ 使用Gulp 1、全局安装gulp cnpm install gulp -g （只需要安装一次） 2、gulp安装的版本 gulp -v 3、在你当前的文件夹内建立Gulp项目 cd 文件夹 4、对当前项目初始化 cnpm init 要求配置一些信息 生成一个package.json 文件保存，当前这个项目中关于gulp的所有配置信息 5、本地安装gulp(一个项目安装一次) cnpm install gulp --save-dev --save 将这个软件安装到当前目录下 -dev 保留安装信息在package.json里 简写: cnpm i gulp -D cnpm i gulp@3.9.1 -D 多出一个文件夹 node_modules 存储着，我们安装的所有文件。 6、新建文件 gulpfile.js 主要目的为了给我们gulp发布任务

问题： I'm trying to summarize my knowledge about the most popular JavaScript package managers, bundlers, and task runners. 我试图总结我对最流行的JavaScript包管理器，捆绑器和任务运行器的了解。 Please correct me if I'm wrong: 如果我错了，请纠正我： npm & bower are package managers. npm 和 bower 是程序包管理器。 They just download the dependencies and don't know how to build projects on their own. 他们只是下载依赖项，而不知道如何自行构建项目。 What they know is to call webpack / gulp / grunt after fetching all the dependencies. 他们知道什么是调用 webpack / gulp / grunt 获取所有的依赖后。 bower is like npm , but builds flattened dependencies trees (unlike npm which do it recursively).

3 月，跳不动了？>>> 前端有很多包管理工具，除了常见的webpack外还有bower，grunt，gulp，jspm，karma，这里就走马观花的都测试一遍 1 Bower https://bower.io/ 使用方法： 安装bower：npm install bower 使用bower安装包： install jquery --save 维护一个bower.json，格式如下： { "name": "example", "version": "0.0.1", "dependencies": { "jquery": "~2.1.3" }, "private": true } 2 GRUNT http://gruntjs.com/ 安装grunt：npm install -g grunt-cli 使用grunt：直接执行grunt 维护一个gruntfile.js module.exports = function(grunt) { grunt.loadNpmTasks('grunt-contrib-jshint'); grunt.initConfig({ jshint: { files: ['Gruntfile.js', 'src/main/javascript/*.js','src/test/javascript/*.js'] } }); grunt.registerTask

简单易用 高效构建 高质量的生态圈 可能很多人会说现在提gulp也太落后了吧，但我想说写点东西并不是为了讨论它是否过时，而是来帮助我们自己来记忆、整理和学习。任何工具，我需要，我才去使用它，正如此时我需要gulp一样。 为了效率而使用工具 安装 全局安装 gulp命令： $ npm install --global gulp-cli 作为项目的开发依赖（devDependencie）安装： $ npm install --save-dev gulp 创建配置文件 在项目根目录下创建一个名为 gulpfile.js 的文件: touch gulpfile.js API gulp.src(globs[, options]) 读取目标源文件 gulp.dest(path[, options]) 向目标路径输出结果 gulp.pipe() 将目标文件通过插件处理 gulp.watch(glob [, opts], tasks) 或 gulp.watch(glob [, opts, cb]) 监视文件系统，并且可以在文件发生改动时候做一些事情 gulp.task(name[, deps], fn): 任务 定义一个gulp任务 使用 当配置完gulp.file后运行 gulp： $ gulp 常用工具插件 gulp-sass sass/scss编译 gulp-eslint js代码校对