首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
gulp
相关资讯
热门
最新
代码人生
01-01 08:00
代码人生
Gulp的基本使用(gulp使用教程)
Gulp的基本使用(gulp使用教程),GulpGulp作为前端当下最流行的构建系统,其核心特点就是高效易用,使用Gulp的过程十分简单,就是先安装一个Gulp的安装依赖,然后我们在在项目根目录添加gulpfile的文件安装依赖我们先运行以下代码,初始化我们的项目npminitoryarninit复制代码接着我们需要安装我们的gulp依赖npmaddgulporyarnaddgulp复制代码安装g
956
代码人生
01-01 08:00
代码人生
Gulp 文件操作API(gulp打包命令)
Gulp 文件操作API(gulp打包命令),文件操作api+插件的使用前言Gulp中为我们创建了读取流和写入流的API,和一些插件,接下来,我们要进入使用环节了简单的小栗子通过src,dest进行写入和读取流的操作const{src,dest}=require('gulp')exports.default=()=>{returnsrc('normalize.css').pipe(dest('di
232
代码人生
01-01 08:00
代码人生
Gulp使用(gulp使用多进程打包)
Gulp使用(gulp使用多进程打包),主要内容记录一下gulp的配置过程gulp功能可以运行任务,比如自动将scss转成css文件,或者是文件改变直接刷新浏览器使用方法安装首先全局安装gulp-clicnpminstall-ggulp-cli复制代码稍微说明一下:cnpm是npm的国内镜像,一般来讲更快。gulp-cli能够让你同时使用多个gulp,因为前端每个项目都会重新设置包依赖,然后就有不
225
代码人生
01-01 08:00
代码人生
Gulp构建过程核心工作原理
Gulp构建过程核心工作原理,前言在了解了Gulp当中定义任务的方式过后,接下来我们一起重点学一下这些任务中我们需要做的工作,这也就是所谓的构建过程模拟实现本次改造我们需要在gulpfile.js环境下进行,我们要模拟编译的时候,对css的编译过程normalize.css首先我们的测试用模板csshtml{line-height:1.15;-webkit-text-size-adjust:100
213
代码人生
01-01 08:00
代码人生
Gulp 文件压缩和文件合并(文件合并压缩包)
Gulp 文件压缩和文件合并(文件合并压缩包),Gulp的文件合并这里我们需要通过gulp-useref来进行文件的合并gulp-useref这是一款可以将HTML引用的多个CSS和JS合并起来,减小依赖的文件个数,从而减少浏览器发起的请求次数。gulp-useref根据注释将HTML中需要合并压缩的区块找出来,对区块内的所有文件进行合并。注意:它只负责合并,不负责压缩!,如果需要做其他操作,可以
184
代码人生
01-01 08:00
代码人生
Gulp 自动化构建案例
Gulp 自动化构建案例,前言我们要通过一个实际案例,去实现一个自动化的网页构建的自动化工作流构建用demo:gitee.com/liuyinghao1…本次目标es6转换成es5图片压缩scss编译模板html编译安装gulpyarnaddgulp--dev复制代码安装完毕之后我们就开始进入正题样式编译首先我们使用gulp进行scss的样式编译gulpfile.jsconst{src,dest}
130
后端
01-01 08:00
后端
gulp 打包less、es6、转化rem
gulp 打包less、es6、转化rem,gulp(一)gulp和gulp-less最近本人有一个需求需要在非三大框架的场景下写页面。例如官网之类的。一开始打算使用webpack将scss文件打包成css并且分离开来,但是在使用其中的一款插件。ExtractTextPlugin总是报错...一天的debug所以如果遇到类似需求,还是用gulp比较划算。gulp如果不太了解的话建议先看看官网文档快
100
代码人生
01-01 08:00
代码人生
gulpfile.js gulp升级后gulpfile.js的变化 gulp执行shell
gulpfile.js gulp升级后gulpfile.js的变化 gulp执行shell 框架升级,gulp也从3.9升到4.0。还是有一些变化的。具体如下: 3.9版: var gulp = require(‘gulp‘); const del = require(‘del‘); const fs = require(‘fs-extra‘); const path = require(‘path‘); const shell = requ
68