gulp 是基于 node 实现 Web 前端自动化开发的工具,利用它能够极大的提高开发效率。
在 Web 前端开发工作中有很多“重复工作”,比如压缩CSS/JS文件。而这些工作都是有规律的。找到这些规律,并编写 gulp 配置代码,让 gulp 自动执行这些“重复工作”。
gulp把某目录下的js代码压缩到另一个目录下的js文件中。
gulp 还可以做很多事,例如:压缩CSS、压缩图片、编译Sass/LESS、编译CoffeeScript、markdown 转换为 html。
做准备工作,安装node。已经安装过了,
安装gulp
npm 是 node 的包管理工具,可以利用它安装 gulp 所需的包。(在安装 node 时已经自动安装了 npm)
在命令行输入 npm install -g gulp
安装完成后再命令行输入gulp -v 确认安装成功。
成功之后先创建一个执行压缩的gulpfile.js文件用来编写gulp的代码。
这里一定要注意:全局安装gulp是为了执行gulp任务,本地安装gulp则是为了调用gulp插件的功能
在项目目录中安装本地gulp 。执行npm install gulp --save-dev
安装好之后,执行gulp 任务名称
会报错,Cannot find module 'gulp-uglify'没有找到gulp-uglify模块。
因为我们并没有安装gulp-uglify模块到本地,所以找不到此模块。
使用 npm 安装gulp-uglify到本地
执行命令:npm install gulp-uglify
再次执行 gulp 任务名称。即可。
目录
在本地安装gulp之后出现node_modules文件,在安装了安装gulp-uglify模块到本地之后在node_modules文件中会出现一个gulp-uglify的文件夹,再次执行即可对js压缩了。