gulp 是基于 node 实现 Web 前端自动化开发的工具,利用它能够极大的提高开发效率。 在 Web 前端开发工作中有很多“重复工作”,比如压缩CSS/JS文件。而这些工作都是有规律的。找到这些规律,并编写 gulp 配置代码,让 gulp 自动执行这些“重复工作”。 使用 ...
前提需要安装nodejs 一. 全局安装Gulp npm install g gulp 二 新建一个 gulpfile.js 文件 chapter gulpfile.js 三 在 gulpfile.js 中编写代码 获取 gulpvar gulp require gulp require 是 node CommonJS 中获取模块的语法。 在 gulp 中你只需要理解 require 可以获取模块 ...
2016-09-19 10:37 0 4437 推荐指数:
gulp 是基于 node 实现 Web 前端自动化开发的工具,利用它能够极大的提高开发效率。 在 Web 前端开发工作中有很多“重复工作”,比如压缩CSS/JS文件。而这些工作都是有规律的。找到这些规律,并编写 gulp 配置代码,让 gulp 自动执行这些“重复工作”。 使用 ...
js 编写后文件太大,可以使用gulp 来进行压缩。 具体步骤如下: 1.创建一个工作目录 在该目录下安装 gulp npm install gulp 安装gulp-uglify 模块 npm install gulp-uglify 2.在工作目录下编写脚本 ...
压缩 css 代码可降低 css 文件大小,提高页面打开速度。 规律转换为 gulp 代码 找到 css/ 目录下的所有 css 文件,压缩它们,将压缩后的文件存放在 dist/css/ 目录下。 gulp 代码 一、安装 gulp-minify-css 模块 提示:你需要使用 ...
压缩图片代码可降低图片文件大小,提高页面打开速度。 规律转换为 gulp 代码 找到 images/ 目录下的所有image文件,压缩它们,将压缩后的文件存放在 dist/images/ 目录下。 gulp 代码 一、安装gulp-imagemin 模块 提示:你需要使用命令行的 cd ...
一、安装 1.安装gulp 2.检查gulp 版本 3.在项目文件夹下安装gulp 二、压缩JS 1.安装gulp-uglify模块 2.在项目根目录创建gulpfile.js文件 3.在gulpfile.js文件中写入代码 // 获取 gulp ...
1、把npm 更新到最新版本 npm install -g npm 2、把npm源切换到taobao源 全局安装nrm:npm install -g nrm 查看正在使用的源:nrm ls 添加源,例如:nrm add taobao https ...
1、把npm 更新到最新版本 2、把npm源切换到taobao源 全局安装nrm:npm install -g nrm 查看正在使用的源:nrm ls 添加源,例如:nrm add taobao https ...
一、gulp中的图片压缩。 最初使用gulp-imagemin做测试。明明配置没问题,但是压缩的时候就会报错,具体原因在哪儿没找到,有可能是因为插件版本或者node版本的问题。于是改用第二个插件:gulp-tinypng-nokey 二、关于各个插件的对比 1、需要的插件包:npm ...