Gulp

前端工程化--gulp的使用

gulp介绍gulp是一个基于Nodejs的自动化构建工具，中文主页能自动化地完成javascript/coffee/sass/less/html/image/css等文件的合并、压缩、检查、监听文件变化

前端_学习之路·2025-03-28 04:06

前端工具链：Gulp和Grunt有什么区别？如何使用它们进行自动化构建？

Gulp和Grunt是前端开发中常用的自动化构建工具，它们都基于Node.js，但它们在设计理念、使用方式和性能表现上存在显著差异。以下将详细说明它们的区别以及如何使用它们进行自动化构建。

破碎的天堂鸟·2025-03-15 05:44

前端webpack 高薪企业必备面试真题16道 ---带答案(9)（20220415)

从读取配置到输出文件这个过程尽量说全（必会）4、webpack与grunt、gulp的不同？（必会）1、三者之间的区别2、构建思路的区别3、从知识背景区别5、有哪些常见的Loader？

一染星辰·2025-03-13 03:47

关于ubuntu中用npm安装gulp-imagemin时报错'Error: Command failed: /bin/sh -c autoreconf -iv'

在ubuntu中安装gulp-imagemin时报错：提示找不到autoreconf这时需要安装autoreconf，指令如下：sudoapt-getinstallautoconf然后再执行指令安装gulp-imageminnpminstallgulp-imagemin

一个IT小白·2025-03-11 13:33

webpack与grunt、gulp的不同？

Grunt、Gulp是基于任务运行的工具：它们会自动执行指定的任务，就像流水线，把资源放上去然后通过不同插件进行加工，它们包含活跃的社区，丰富的插件，能方便的打造各种工作流。

__爱吃香菜·2025-02-22 04:58

深入思考：技术生态的繁荣与开发者的选择

1.技术演进的必然性场景细化：早期工具（如Grunt、Gulp）解决的是通用构建问题，但随着前端复杂度提升，出现了更垂直的解决方案（如Vite专攻开发体验、

艾米栗写代码·2025-02-16 14:50

前端构建工具

常用构建工具：grunt（JavaScript世界的构建工具）、gulp（用自动化构建工具增强你的工作流程）、webpack(专注于构建模块化项目)、yeoman（强健的工具，库，及工作流程的组合）二、

arguments_zd·2025-02-15 23:59

工作流程设计 php,php工程狮感知的前端工作流程

三符·2025-02-14 04:21

CSS，JS代码压缩，CDN托管，图片整合。

CSS，JS代码压缩：webpack的UglifyJsPlugin压缩插件gulp的gulp-uglify,gulp-minify-css模块完成CDN：CDN的全称是ContentDeliveryNetwork

cherryfoxmeng·2025-02-11 01:32

Webpack | vite | Rollup | Gulp | Grunt 比较

前言模块化管理工具和自动化构建工具是不同的。两者主要体现在侧重点不一样。自动化构建工具侧重于前端开发的整个过程的控制管理（像是流水线）。而模块化管理工具更侧重于模块打包，当然我们可以把开发中的所有资源（图片、js文件、css文件等）都可以看成模块。Webpackwebpack可以说是当前最流行的模块化管理工具和打包工具。其通过loader的转换，可以将任何形式的资源视作模块。它还可以将各个模块通过

前端阿彬·2024-09-09 03:41

Gulp入门个人总结

Gulp入门个人总结参考资料：http://www.ydcss.com/archives/18http://www.techug.com/gulphttp://www.browsersync.cn/一．

薰衣草smile·2024-08-31 02:45

【Node.js 常用命令（第五篇）】揭秘Node.js：掌握这些常用命令，让你在开发路上风生水起！

目录前言30条常用的Node.js的命令（第1~120条在上一篇）121.gulp-流式自动化构建系统122.grunt-经典的任务运行器123.webpack-merge-合并Webpack配置124

雷神 Leo·2024-08-28 21:15

前端框架

前端组件库搭建webapp常用的样式/组件等收集列表(移动优先)0.前端自动化(Workflow)前端构建工具Yeoman–asetoftoolsforautomatingdevelopmentworkflowgulp–Thestreamingbuildsystemgrunt–theJavaScriptTaskRunnerF.I.S

苏金标·2024-08-23 03:07

ES6 (一）——ES6 简介及环境搭建

目录简介环境搭建可以在Node.js环境中运行ES6webpack入口(entry)loader插件(plugins)利用webpack搭建应用gulp如何使用？

神秘的博主·2024-08-22 06:32

webpack搭建前端环境

随着webpack3.x的发布，其功能也越来越强大，很多的项目的编译打包工具也由gulp逐渐转移到webpack。

华戈的小书·2024-02-29 16:54

使用mediasoup-demo搭建多人音视频聊天室

尽量使用较新的nodejs版本，最好>=node16curl-sLhttps://deb.nodesource.com/setup_16.x|sudo-Ebash-sudoaptinstallnodejs安装gulp

椛茶·2024-02-20 12:20

gulp和webpack的区别

gulp可以进行js，html，css，img的压缩打包，是自动化构建工具，可以将多个js文件或是css压缩成一个文件，并且可以压缩为一行，以此来减少文件体积，加快请求速度和减少请求次数；并且gulp有

木槿_traxpvsa·2024-02-15 01:14

gulp压缩清缓存

使用gulp解决微信页面缓存的问题最近在开发web项目的时候发现一个令人头疼的事情，在微信公众号上展示的页面微信为了提升性能会进行缓存，关键是这个缓存机制还和其他浏览器的不一样，这就导致了即使发布了新的版本

毛尖哥·2024-02-13 14:20

程序设计优化之管道数据流

前端领域比较注明的脚手架“gulp”也是以其管道操作著称。今天我们就来一步步抽丝剥茧，看看在前端领域的“管道数据流”要如何设计。

有道AI情报局·2024-02-13 05:46

前端开发-Browsersync 和 gulp 实现浏览器同步测试

那么，有了Browsersync和gulp的，就可以实现浏览器实时、快速的响应你的文件更改，包括html、js、css、sass、less等，并且自动刷新页面展示效果。

devZhang·2024-02-12 23:24

gulp构建完整项目

项目结构如下:gulpfile.js文件配置如下://引入插件vargulp=require('gulp');varbrowserSync=require('browser-sync').create(

__摸摸头·2024-02-12 17:16

typescript 构建编写发布包流程

tsconfig.json配置husky构建代码检查安装husky，tslint，prettier配置tslint，prettier配置typedoc安装typedoc生成docs文档配置nginx添加自动刷新文档功能安装gulp-nodemon

香樟树的夏天·2024-02-10 07:00

GULP采用经典势能模型输出shengBTE计算用力常数文件

仅需在option参数中使用supercell控制2阶力常数的扩胞倍数，以及outputshengBTE:但是注意，gulp这里存在一个bug，输出的2阶力常数文件中超胞中原子次序与phonopy以及shengBTE

odin_linux·2024-02-09 23:05

GULP不同版本导出ShengBTE用力常数文件，存在一些问题

GULP是基于经验势能的分子静力学计算软件，可以导出ShengBTE计算热导率用2阶和3阶力常数文件，相较于用LAMMPS做分动计算，可以先快速判断势能3阶非谐下的热导率理论值。

odin_linux·2024-02-09 23:05

--save和--save-dev的区别

例如：gulp

无名程序猿·2024-02-09 06:44

节点Sass尚不支持您当前的环境:Windows 64位

问题Cannotloadgulp:Error:NodeSassdoesnotyetsupportyourcurrentenvironment:Windows64-bitwithUnsupportedruntime

邪人君子·2024-02-08 20:27

gulp-rev-all插件用法详解

基本用法vargulp=require('gulp');varRevAll=require('gulp-rev-all');gulp.task('default',function(){gulp.src

风之化身呀·2024-02-08 04:55

使用gulp将项目中的图片压缩为webp格式

使用gulp将png,jpg文件压缩为webp格式。

天上月丶·2024-02-08 00:27

前端工程化-webpack/cli工具

如果是简单的单页面应用，使用gulp打包和同步工具实现开发全流程webpack与grunt、gulp的不同？

wanglu的博客·2024-02-04 10:04

gulp和webpack究竟有什么区别？

在现在的前端开发中，前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始逐渐渗透到“大前端”的开发中。前端开发过程越来越繁琐，当今越来越多的网站已经从网页模式进化到了Webapp模式。它们运行在现代的高级浏览器里，使用HTML5、CSS3、ES6等更新的技术来开发丰富的功能，网页已经不仅仅是完成浏览的基本需求，并且Webapp通常是一个单页面应用(SPA)，每一

NewChapter °·2024-02-04 00:06

前端构建工具gulp构建项目

使用前提条件gulp是基于Nodejs的自动任务运行器，gulp依赖于nodejs，因此，在使用gulp之前需要先安装nodejs。这里略过安装说明。

嘻洋洋·2024-02-03 17:51

谈谈less与sass

less和sass都可以视为一种基于CSS之上的高级语言，他们引入了mixins，参数，嵌套规则，运算，颜色，名字空间，作用域，JavaScript赋值等，加快了css的开发效率，当然这两者都可以配合gulp

SoulCabin·2024-02-02 10:28

gulp：环境变量

用gulp开发的过程中，也会遇到想vue这样的需要通过环境变量来控制项目的情况，通过npm的run命令，我们可以将环境变量传递给项目中的js、html等。

Mosowe·2024-01-31 12:39

【gulp+jq+html】添加环境变量，并在js中使用（判断环境，更改api接口域名）+ 附gulpfile.js代码

参考博文：gulp分离环境gulp中如何配置环境变量gulp环境变量配置1、安装cross-env插件npminstallcross-env-d2、package.json更改scripts"scripts

String佳佳·2024-01-31 12:34

Windows下C++获取系统进程列表及相关信息

一、方式一1、获取进程id列表主要使用EnumProcesses函数ULONGulPid=0;//保存进程缓存区DWORDdwProcIdArray[MAX_PATH*4]={0};ULONGulProcArrayLen

_L-·2024-01-29 04:33

使用 Gulp和Grunt分别完成项目的自动化构建

使用Gulp完成项目的自动化构建使用gulpfile.js使用module.exports导出了build、dev、clean，所以我们可以通过gulp调用这三个任务gulpbuildgulpdevgulpclean

Wuner·2024-01-28 21:58

javascript事件

从小程序到各种混合开发的解决方案，从vue，react到angular，从canvas到three.js甚至webgl，从cmd到nodejs，从gulp到webpack，各种技术让人眼花缭乱，感觉学不过来了有没有

特例独爬的蜗牛·2024-01-24 05:37

gulp

gulpgulp是基于Nodejs的自动任务运行器，她能自动化地完成javascript/coffee/sass/less/html/image/css等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新

壹枕星河·2024-01-23 03:51

常见技术问题及答案（一）

-200px);height:300px;background:blue;}.right{width:200px;height:300px;background:red;}二、介绍一下webpack和gulp

Z_the·2024-01-22 20:44

webpack笔记

Webpack1.静态模块打包工具，将.scss.ts打包成浏览器识别的文件2.模块化有ESModuleCommonJSAMDCMD3.webpack和gulprollupvite4.loader处理文件的转换

QAEARQ·2024-01-22 06:59

gulp指令

gulp是基于node的，所已我们要需要安装node，安装node我这里就不讲了直接进入正题，我们现在全局安装gulp我们在全局安装是因为要在全局使用gulp这个工具npminstall--globalgulp

大黑豹·2024-01-20 19:27

Webpack5入门到原理1：前言

GruntGulpParcelWebpackRollupVite.

duansamve·2024-01-20 07:56

webpack打包后引用cdn的js_webpack入门

内容提纲：electron-vue项目中的webpack工程实例思考webpack与gulp/gruntHMRelectron-vue项目中的webpack工程实例从electron-vue项目中的实际使用例子来入手如下是

weixin_39662263·2024-01-20 02:56

晶格动力学 GULP 软件的安装步骤

----------------------------------------------------------------------GULP软件现已发展到5.2版本，其使用Fortran编译器，

123wxw·2024-01-18 23:57

浏览器插件FeHelper的学习：gulp基础、使用gulp构建项目

前言最近在学习浏览器插件FeHelper，发现FeHelper使用了gulp来处理项目中的js、css等文件，因此打算学习一下。

无知的小菜鸡·2024-01-18 17:07

CocosCreator和gulp-使用gulp-imagemin压缩图片

在游戏开发中，打包前进行图片压缩是必需工作，gulp内置了很多构建、优化插件，例如：图片压缩、js文件合并等等，这样，在游戏构建过程中，只需一个命令，就可以自动做完所有这些工作。

程序猿TODO·2024-01-14 19:57

GULP 案例 4：如何计算热力学性质（热容、熵、焓、自由能等）？

----------------------------------------------------------------------物体的热力学性质是指物质处于平衡状态下压力P、体积V、温度T、组成以及其他的热力学函数之间的变化规律。一般将材料的压力P、体积V、温度T、内能U、焓H、熵S等统称为物体热力学性质。热力学性质一般通过第一性原理计算+准谐近似模型得到，如VASP+phononpy

123wxw·2024-01-13 22:26

Vue.js 学习Day1

Vue.js-Day1课程介绍前5天：都在学习Vue基本的语法和概念；打包工具Webpack,Gulp后5天：以项目驱动教学；什么是Vue.jsVue.js是目前最火的一个前端框架，React是最流行的一个前端框架

cf6d95617c55·2024-01-13 17:59

使用webpack-stream

由于gulpbabel解析的async不能直接用，是有require的，还需要再转一下刚好又知道了有webpack-stream这个gulp的插件故就直接用这个来编译jsnpminstallbabel-loaderbabel-corebabel-preset-env

YellowPoint·2024-01-13 03:41

利用gulp工具对常规web项目进行压缩打包

Marco-hui·2024-01-12 23:59

推荐频道