安装 npm install -g gulp //安装全局gulpjs npm install --save-dev gulp //安装作为项目所需要的依赖项 npm install --save-dev gulp-uglify //安装用来压缩JS文件的插件 npm install --save- ...
分类：
Web程序 时间：
2018-08-19 14:03:48
阅读次数：
176
webpack是前端开发中比较常用的打包工具之一，另外还有gulp，grunt。之前没有涉及过打包这块，这里介绍一下使用webpack打包的流程。 Grunt和Gulp的工作方式是：在一个配置文件中，指明对某些文件进行类似编译，组合，压缩等任务的具体步骤，这个工具之后可以自动替你完成这些任务。 We ...
分类：
Web程序 时间：
2018-08-18 11:35:30
阅读次数：
239
回顾历史Web应用日益复杂，前端开发也发生了翻天覆地的变化变得盘根错节，到今天已经非常复杂和庞大了！用html、css、javascript老老实实的写个页面的时代早已过去。而现在要完成工作需要借助很多额外的东西，比如工程化、自动化等等。这样才显得有逼格，才像一个真正的程序猿。如果说还停留在切个图，下载个js效果怼上去的阶段，显然你会脱节的。由此也带动了很多前端工具的发展，以Gulp、Grunt、
分类：
Web程序 时间：
2018-07-29 15:18:00
阅读次数：
176
1、gulp-uglify var gulp = require('gulp'); var uglify = require('gulp-uglify'); var pump = require('pump'); 第一种方法 gulp.task('compress', function (cb) { ...
分类：
Web程序 时间：
2018-07-18 17:09:40
阅读次数：
157
1. 什么是gulp gulp是可以自动化执行任务的工具 在平时开发的流程里面,一定有一些任务需要手工重复得执行，比如: 把文件从开发目录拷贝到生产目录 把多个 JS 或者 CSS 文件合并成一个文件 对JS文件和CSS进行压缩 把sass或者less文件编译成CSS 压缩图像文件 创建一个可以实时 ...
分类：
其他好文 时间：
2018-07-15 11:07:29
阅读次数：
202
var gulp = require('gulp'); var del = require('del'); var rev = require('gulp-rev'); var nano = require('gulp-cssnano'); var uglify = require('gulp-ug ...
分类：
其他好文 时间：
2018-07-13 17:47:14
阅读次数：
159
全局安装，好处是在本机所有项目都能直接用，但是别人如果只把你的项目下下来的话，别人是用不了的 但是还是这样省事懂吧 npm install --global gulp 作为项目依赖 npm install --save-dev gulp 或者 npm install gulp 创建一个gulpfil ...
分类：
其他好文 时间：
2018-07-11 21:18:27
阅读次数：
130
gulp 非常好用，编写好 gulpfile.js 文件后，一般情况下在命令行用 就能启动开发环境，大大简化了开发流程。但是有一个问题没有解决，就是编写 gulpfile.js 文件过程中，如果这个时候 已经启动，修改 gulpfile.js 文件，进程并不会变化， 我们希望 gulpfile.js ...
分类：
Web程序 时间：
2018-07-11 14:53:16
阅读次数：
424
前段时间刚好在开发公司的首页，使用的是gulp工作流，gulp相对于webpack而言，配置简单，也更加直观（很符合直觉），日常开发一些静态页面、html5专题也足够，这里把遇到的坑与实践经验记录一下。 gulp api 非常简单，由5个方法组成：task run watch src dest，复杂 ...
分类：
其他好文 时间：
2018-07-09 11:11:54
阅读次数：
520
一、概念 ①JavaScript运行环境 ②事件驱动与非阻塞io模型（异步） ③npm 二、作用 ①web服务器后台、游戏服务器、接口服务器 ②命令行根据，比如git、npm、webpack、gulp 三、相关资源 四、安装 ①下载（官网）：稳定版和最新版 ②安装 ③查看是否成功安装 五、利用nod ...
分类：
Web程序 时间：
2018-07-08 21:14:53
阅读次数：
199
