GULP的使用流程 Gulp 是基于node.js的一个前端自动化构建工具，开发这可以使用它构建自动化工作流程（前端集成开发环境）。 使用gulp你可以简化工作量，让你把重点放在功能的开发上，从而提高你的开发效率和工作质量。 一、建好一个文件夹 $ cd 路径 二、文件夹初始化 $ cnpm ini ...
分类：
其他好文 时间：
2020-07-21 13:41:38
阅读次数：
86
1、创建package.json文件 npm init 2、安装gulp、gulp-connect npm install --save-dev gulp gulp-connect 3、创建gulpfile.js文件并引入gulp、gulp-connect var gulp = require('g ...
分类：
其他好文 时间：
2020-07-14 13:20:33
阅读次数：
81
安装包 1. cnpm install gulp-concat gulp-uglify gulp-rename gulp-clean-css gulp-htmlmin-S 2. cnpm install gulp-livereload gulp-connect -S 代码目录结构 gulpfile. ...
分类：
其他好文 时间：
2020-07-04 15:12:02
阅读次数：
55
人人开源打包部署，gulp 报错：ReferenceError: primordials is not defined ReferenceError: primordials is not defined 谷歌之后得到的最佳答案：原链接：https://timonweb.com/posts/how- ...
分类：
其他好文 时间：
2020-06-29 13:18:58
阅读次数：
290
gulp基本命令 npm i gulp -g //仅在首次执行需要 npm init -y //生成package.json文件 npm i gulp@3 --save-dev //在当前项目中安装gulp npm i gulp-concat --save-dev //合并文件 npm i gulp ...
分类：
其他好文 时间：
2020-06-23 21:05:33
阅读次数：
82
前段时间优化一个公司历史老项目的Web性能，却引出了一系列的问题，让我反思良多。 我通过Chrome的Lighthouse工具可以看出一些性能参数和问题反馈，我逐一对其进行优化。 根据资源请求的不同，大致可以分为前端资源性能和后端程序性能两个方面。 先分析一下前端资源吧： Defer offscre ...
分类：
Web程序 时间：
2020-06-21 00:25:06
阅读次数：
69
一、减少请求资源大小或者次数 1、尽量和并和压缩css和js文件。（将css文件和并为一个。将js合并为一个） 原因：主要是为了减少http请求次数以及减少请求资源的大小 打包工具： webpack gulp grunt. ....2、尽量所使用的字体图标或者SVG图标来代替传统png图 因为字体图 ...
分类：
其他好文 时间：
2020-06-14 17:08:19
阅读次数：
71
Gulp是基于node平台开发的前端构建工具 将机械化操作编写成任务，想要执行机械化操作时执行一个命令行命令任务就能自动执行了 用机器代替手工，提高开发效率 1. Gulp能做什么： 项目上线，HTML、CSS、 JS文件压缩合并 语法转换（es6、less...） 公共文件抽离 修改文件浏览器自动 ...
分类：
其他好文 时间：
2020-06-11 00:36:00
阅读次数：
66
背景 如果你是个前端开发人员，你肯定知道线上环境要把js，css，图片等压缩，尽量减少文件的大小，提升响应速度，特别是对移动端，这个非常重要。 压缩 压缩方式 前端压缩的方式很多，依赖java的有ant工具，前端自己打包压缩的有grunt，gulp，webpack，这些压缩也很重要，基本上能压缩50 ...
分类：
其他好文 时间：
2020-06-10 12:46:08
阅读次数：
57
// 复制文件夹 gulp.task('copy', () => { gulp.src('./src/images/*') .pipe(gulp.dest('dist/images')); gulp.src('./src/lib/*') .pipe(gulp.dest('dist/lib')) }) ...
分类：
其他好文 时间：
2020-06-10 10:57:22
阅读次数：
52
