引言 在工作中,经常会遇到要把文件合并和压缩等操作,我经历过下面的演进过程: 使用ajaxmin工具手动合并和压缩 使用Grunt合并和压缩 使用Gulp合并和压缩 这里不探讨Grunt和Gulp的优劣(详细的对比 自己去看),看开发者自己的喜好吧。 正文 1. 安装 ...
项目源码地址 前期准备工作 首先确保本机安装了 node gulp中文文档 安装 gulp 命令行工具 在项目目录下创建 package.json 文件 安装 gulp,作为开发时依赖项 检查 gulp 版本 创建配置文件 在根目录下新建 src 文件夹和 gulpfile.js 文件 在 src 目录下新建如下文件,其中 index.html 作为我们的入口页面 gulp 中常用方法解释 src ...
2021-05-26 10:19 0 246 推荐指数:
引言 在工作中,经常会遇到要把文件合并和压缩等操作,我经历过下面的演进过程: 使用ajaxmin工具手动合并和压缩 使用Grunt合并和压缩 使用Gulp合并和压缩 这里不探讨Grunt和Gulp的优劣(详细的对比 自己去看),看开发者自己的喜好吧。 正文 1. 安装 ...
gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用她,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率。 正文 1. 安装NodeJS,自行在node官网下载,并安装 ...
前言: 在使用gulp打包工具之前,我做的H5项目在浏览器中的缓存是很严重的,若改了一点css,加了一句js代码,不手动清除浏览器缓存是看不到效果的。老总也在项目演示当中遇到这些问题,一查找原因却是缓存问题,于是老总多次要求得解决这个问题,不能每次遇到这个问题,你去叫客户清下缓存。于是我就在 ...
使用 gulp 构建一个项目 本章将介绍 gulp-watch-path stream-combiner2 gulp-sourcemaps gulp-autoprefixer 并将之前所有章节的内容组合起来编写一个前端项目所需的 gulp 代码 ...
gulp 在 angular 项目中的使用 keyword:gulp,angularjs,ng,ngAnnotate,jshint,gulpfile 最后附完整简洁的ng项目gulpfile.js 准备 全局安装gulp 项目开发依赖devDependencies安装 在项目 ...
使用gulp构建一个项目 (转载:https://blog.csdn.net/zchcode/article/details/51556699) gulp是前端开发过程中自动构建项目的工具,相同作用的还有grunt。构建工具依靠插件能够自动监测文件变化以及完成js/sass/less/html ...
转自:https://segmentfault.com/a/1190000002580846 什么是gulp? gulp是新一代的前端项目构建工具,你可以使用gulp及其插件对你的项目代码(less,sass)进行编译,还可以压缩你的js和css代码,甚至压缩你的图片,gulp仅有少量的API ...
前段时间使用了gulp+browser-sync才发现这个东西真的很好用。 准备工作:(1)、安装nodejs。gulp是基于nodejs使用的,所以先安装nodejs,https://nodejs.org/en/download/在这里直接下载安装就好。 (2)、新建一个项目目录,比如我在E ...