Gulp 第10页

放弃webpack,拥抱gulp

别被标题吓到，哈哈，即使现在vite横空出世，社区光芒四射，两个字很快，但是webpack依旧宝刀未老，依然扛起前端工程化的大梁，但是今天我为啥说要拥抱gulp，因为我们经常常吃一道菜，所以要换个口味，

·2022-08-07 11:30

gulp来处理html、css、js资源啦

gulp一般用于处理自动化任务，默认情况无法处理模块化，也不会用于大型项目，但它可以使用各种插件来编译html、css、js等资源。

·2022-07-31 21:09

使用gulp助力前端自动化

前言随着前端诸如webpack，rollup，vite的发展，gulp感觉似乎好像被取代了。其实并没有，只不过它从台前退居到了幕后。

贵贵子·2022-07-29 10:00

gulp使用指南

gulp是一个使用“流”来实现自动化的工具，正如官方文档首页展示的这副动图一样，以“流动”的状态去处理TypeScript、PNG、Markdown资源。

·2022-07-24 22:20

Gulp 初探

最近想做一个sass自动创建css的工具，在NPM上找到了gulp-sass的包，参照官网给的文档，怎么都报错，于是看了看Gulp的用法。

飘落寒冰·2022-07-20 09:54

JavaScript前端构建工具原理的理解

目录前言构建工具的前世今生YUITool+AntGrunt/GulpWebpack/Rollup/ParcelVite/Esbuildjs模块化的发展史和构建工具的变化青铜时代白银时代黄金时代结束语前言最近有幸在前端团队里面做了一次关于

·2022-07-19 14:45

前端自动化打包实践

前言分三部分：gulp介绍自动化打包脚本编写；gerrit介绍工作流；gitlab-ci介绍平台搭建。每部分都会结合做过的两个项目进行总结，希望对大家有所帮助。

·2022-07-17 18:07

ModStart前端开发

不同模块的前端代码位于module/Xxx/resources/asset/前端代码需要使用nodejs构建，需要预先了解前端使用webpack,gulp打包的

·2022-07-08 09:26

常见的10道Web前端面试题及答案分享！

(1)CSS,JS代码压缩：可以应用gulp的gulp-uglify，gulp-minify-css模块完成;可以应用W

程序员的小傲娇·2022-05-28 04:17

前端多图片上传怎么控制顺序_Web前端经典面试题有哪些如何能走向高薪之路...

(1)CSS,JS代码压缩：可以应用gulp的gulp-uglify，gulp-min

weixin_39620943·2022-05-28 04:42

node、gulp和npm的版本兼容问题

运行项目前的我node、gulp和npm的版本运行gulpserve跑前端项目时报错fs.js:36}=primordials;^ReferenceError:primordialsisnotdefined

白菜小皮艇·2022-04-28 21:13

Vite入门与了解

Vite打包项目八、ESBuild解析九、Vite脚手架工具一、认识viteWebpack是目前整个前端使用最多的构建工具，但是除了webpack之后也有其他的一些构建工具比如rollup、parcel、gulp

丑小鸭变黑天鹅·2022-04-09 22:02

Django项目引入NPM和gulp管理前端资源

前言之前写了一篇《Asp-Net-Core开发笔记：使用NPM和gulp管理前端静态文件》，现在又来用Django开发项目了，之前我搞了一个Django的快速开发脚手架「DjangoStarter」，正好给升级一下

程序设计实验室·2022-04-02 23:00

用 rollup + gulp 造个轮子，别说还挺香

前戏我是16年入了前端的坑，17年知道了gulp和rollup这两个玩意儿。由于那时webpack势头很猛，便一直没有正眼瞧过它一眼。

·2022-04-02 22:20

用 rollup + gulp 造个轮子，别说还挺香

前戏我是16年入了前端的坑，17年知道了gulp和rollup这两个玩意儿。由于那时webpack势头很猛，便一直没有正眼瞧过它一眼。

颜漠·2022-04-02 21:00

2021-07-30

Web前端开发工程师常用资源资源整合##1、部署流程相关Gulp官网http://gulpjs.com/Gulp中文网http://www.gulpjs.com.cn/Yeomanhttp://yeoman.io

孤独的墨者人·2022-03-25 13:53

基于 Vite + Vue3 + TS 开发组件库

HTML5+CSS3+Less+ES6++Vue3.x+Composition-API+Vite+Gulp+Rollup+Jest初始化项目可以使用vite的官方template，也可以自己搭建。

biaov·2022-03-24 12:02

yarn install node-sass(gulp-sass) 安装失败解决方案

执行yarninstallnode-sass报error\node-sass:Commandfailed.原因:文件下载不到,可能是因为被墙.1.最简单的方法cnpminstallnode-sass(gulp-sass

juse__we·2022-03-23 21:15

Element Plus 源码分析——构建与代码风格

pnpmworkspace组件代码：TypeScript、VueSFC（Vue单文件组件）样式：Scss、CSSvar单元测试：Jest、Vitest构建：Rollup、esbuild、TypeScript、Gulp

·2022-03-20 08:32

gulp构建html项目,使用gulp如何创建完整的项目流程

本篇文章主要介绍了浅谈gulp创建完整的项目流程，现在分享给大家，也给大家做个参考。gulp是前端开发过程中自动构建项目的工具，相同作用的还有grunt。

gymsummer·2022-03-16 09:04

gulp创建完整的项目流程

npm-v查看npm的安装情况.gulp自动化构建常用参数1、src读取文件或者文件夹2、dest生成文件也就是写文件3、watch检测文件4、tesk指定任务5、pipe用流的方式处理gulp.gulp

weixin_30721899·2022-03-16 09:32

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

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

·2022-03-10 11:53

自动化构建工具gulp

1，gulp是什么？自动构建工具，将重复的工作自动化，例如：编译less，压缩css，压缩js等等2，为什么要学习gulp?

stay calm~·2022-03-09 12:17

uniapp+vue3+pinia+tailwindcss+gulp 开发小程序-H5

有用过tailwindcss的小伙伴都知道，开发起来免去写样式的重复步骤使用起来那是得心应手，在tailwindcss里面也有在各个框架里面的使用方法具体查看还有cdn的使用方法今天就说说如何在uniapp里面使用tailwindcss首先呢创建一个uniapp的vue3项目具体操作当然了选择vue3项目项目命令(npxdegitdcloudio/uni-preset-vue#vitemy-vue

small李·2022-03-07 15:26

【从实战带你认识gulp】打包前端项目并实现防缓存

gulp是什么？

·2022-03-06 11:30

使用nvm解决gulp ReferenceError: primordials is not defined

一、问题使用gulp构建老项目时报错：ReferenceError:primordialsisnotdefined，参考解决primordialsisnotdefined问题，需要回退npm版本。

合肥黑·2022-03-04 14:35

小程序序列3-gulp的使用

gulp的基本使用1、gulp官网2、gulp的使用以及Gulp新手入门教程3、gulp构建项目系列文章4、--------重要------【微信小程序】-用Gulp搭建微信小程序项目一、基本使用1、dev

小猪x·2022-02-25 18:27

gulp更新4.0后的报错(gulp报Did you forget to signal async completion?)

本文首发于青云工作室原文链接为https://qystudio.ltd/posts/55153.html缘起今天我升级了gulp到4.0,在git三件套之后,网站并没有更新,我便登录了github查看action

qystudio0·2022-02-25 13:00

前端构建工具 Gulp 的使用介绍及技巧

Gulp是一个前端构建工具，与Grunt相比，Gulp无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且Gulp使用的是Node中stream来读取和操作数据，其速度更快。

小丶侯·2022-02-22 03:37

npm常用命令

npmcacheclean-f4、快速删除node_modulesnpminstallrimraf-grimrafnode_modules5、查看node_module全局路径npmroot-g6、链接全局gulpnpmlinkgulp7

YoungEvita·2022-02-22 00:25

网址记录

路径替换gulp-replace：https://github.com/lazd/gulp-replacegulp:https://segmentfault.com/a/1190000002932998yarn

luichooy·2022-02-22 00:14

简单的gulp打包，版本号管理

忙了一个月，项目初见雏形，也基本可以1.0上线了，趁着等文案的时间，简单写点gulp打包的东西，等明儿有空再来一篇详细的，再有空再来个webpack的，哎呀，这个有空也不知道是啥时候，莫怪，好像

等鹿的小喵喵·2022-02-21 10:11

gulp babel 问题

Cannotfindmodule'@babel/core'最近在自动化时，总会报上述错误尝试了如下方法，但是没用安装babel-corenpmibabel-core--save-dev顺序安装所有插件npmigulp-babel

快乐的大鹅·2022-02-21 10:06

构建工具gulp的入门

1.什么是自动化构建工具比如:less编译,csss压缩，es6的便宜等2.常见的构建工具gulp【】grnmt【】webpack3为什么使用构建工具降低工作成本，简化工作流程，提高效率二，gulp入门

1462a2c022bc·2022-02-21 04:02

Error: Couldn't find preset "es2015" relative to directory "/Library/WebServer/Documents" 解决过程记录

如图我的解决过程：百度...百度...疯狂的百度...然后：疯狂的install...npminstall--save-devgulp-babelbabel-corebabel-preset-envnpminstallgulp-babel-es2015

小毛驴叮当响·2022-02-20 22:22

gulp自动化构建工具使用步骤

其实已经好久没有使用gulp了，鉴于以前用的比较多，还是想作为一个技能记录下来，下面简要写一下使用步骤：1、全局安装gulp$npminstall--globalgulp2.作为项目的开发依赖（devDependencies

2c4b9a3449a9·2022-02-18 08:22

Asp-Net-Core开发笔记：使用NPM和gulp管理前端静态文件

前言本文介绍的是AspNetCore的MVC项目，WebApi+独立前端这种前后端分离的项目就不需要多此一举了~默认前端小伙伴是懂得使用前端工具链的。为啥要用MVC这种服务端渲染技术呢？简单项目不需要强行分离增加复杂度（如：我正在开发的博客项目）后端渲染利于SEO，对博客网站友好OK，虽然MVC的技术老了点，但依然可以结合现代前端工具链来提高效率本文的食用需要先安装好Node.js环境，下载地址：

程序设计实验室·2022-02-17 17:00

使用gulp上传打包文件到服务器

项目是使用create-app-rewired生成的react项目，使用gulp自动上传打包文件到服务器，建议只在测试环境和模拟环境使用。

·2022-02-17 15:41

对webpack和gulp的理解

【简单理解】gulp和webpack的区别Gulp和Webpack的基本区别：gulp可以进行js，html，css，img的压缩打包，是自动化构建工具，可以将多个js文件或是css压缩成一个文件，并且可以压缩为一行

暮雨默默·2022-02-16 07:05

gulp+webpack+experss

vargulp=require('gulp');vargls=require('gulp-live-server');varless=require('gulp-less');varcssmin=require

时光与少年已陈旧·2022-02-15 22:08

gulp构建项目

1.前言gulp是基于node环境上运行的,所以在构建项目前,要先安装node打开cmd,输入node-v;如果显示版本号,则为安装成功2.安装全局安装gulpnpminstallgulp-g切换到项目文件夹

一二三kkxx·2022-02-15 22:48

Gulp.js-livereload

npminstallgulp-gnpminstallgulpgulp-livereload--save-devchrome扩展https://chrome.google.com/webstore/detail

mlxg·2022-02-15 20:44

如何使用GULP打包构建工具

前提：安装nodenpm一、安装1.安装gulpnpminstall-ggulp2.检查gulp版本gulp-v二：安装插件在项目根目录下运行npminit后执行一些操作会在根目录下生存一个package.json

吃茶叶蛋·2022-02-15 19:43

小程序瘦身之利用gulp压缩wxss

前言众所周知，微信小程序在发布的时候，对提交的代码是有大小的限制！项目内容太多的时候我们就需要想办法去做一些优化。首先先打开自己项目的文件夹，看看体积最大的是什么，然后在针对它去做一些措施，由于我现在的项目体积最大的基本都是wxss，所以现在主要谈谈如何利用glup来压缩wxss（使用的是微信原生，瞎捉摸的，仅适用于小白，有更好的办法欢迎评论里讨论）华丽的分隔线，前面的碎碎念可以略过，下面才是正文

LuckyJin·2022-02-15 11:20

Vue学习笔记——webpack详解

webpack详解认识webpack什么是Webpackimage-20210707110422055前端模块化和grunt/gulp的对比面试可能会问grunt/gulp的核心是Task如果工程模块依赖非常简单

小910888·2022-02-15 11:36

了解webpack

打包工具还有：webpack，grunt，gulpwebpack功能和扩展性好webpack概念webpack将项目看做一个整体，通过一个给定的主文件，webpack将这个文件开始找到你的项目的所有依赖的文件

拾钱运·2022-02-15 03:07

React多页面应用8(webpack4 gulp自动化发布到多个环境,生成版本号,打包成zip等)

本教程总共9篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章!1、React多页面应用1(webpack4开发环境搭建,包括热更新,api转发等)---2018.04.042、React多页面应用2(webpack4处理CSS及图片,引入postCSS,及图片处理等)---2018.04.083、React多页面应用3(webpack4多页面实现)---2018

前端人人·2022-02-15 01:56

gulp实现自动化打包、监听文件变化

小懒惰的猪·2022-02-14 15:45

分享HTML5自动化构建工具gulp使用方法步骤

gulp是是前端开发对代码进行构建的工具，是基于Nodejs的自动任务运行器，他能自动化地完成javascript/coffee/sass/less/html/image/css等文件的的测试、检查、合并

纤纤郡主·2022-02-14 03:54

职责拆分：gulp相关构建代码的重构方案

今天在读微信小程序项目的代码，主要看了构建的部分，在读这部分代码和画架构图的过程中，发现了一些不是很合理的地方。我们的小程序构建方案我们小程序使用的是原生的方案，小程序自带了构建打包的过程，在其上增加额外构建过程是为了使用各种资源的预处理工具，比如使用scss来做css样式的管理，使用babel解析js的es6、7和flow语法，使用单文件组件（sfc）的形式整合wxml、wxss、js等。构建的

凌霄光·2022-02-14 01:30

推荐频道

Gulp

放弃webpack,拥抱gulp

gulp来处理html、css、js资源啦

使用gulp助力前端自动化

gulp使用指南

Gulp 初探

JavaScript前端构建工具原理的理解

前端自动化打包实践

ModStart前端开发

常见的10道Web前端面试题及答案分享！

前端多图片上传怎么控制顺序_Web前端经典面试题有哪些 如何能走向高薪之路...

node、gulp和npm的版本兼容问题

Vite入门与了解

Django项目引入NPM和gulp管理前端资源

用 rollup + gulp 造个轮子，别说还挺香

用 rollup + gulp 造个轮子，别说还挺香

2021-07-30

基于 Vite + Vue3 + TS 开发组件库

yarn install node-sass(gulp-sass) 安装失败解决方案

Element Plus 源码分析——构建与代码风格

gulp构建html项目,使用gulp如何创建完整的项目流程

gulp创建完整的项目流程

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

自动化构建工具gulp

uniapp+vue3+pinia+tailwindcss+gulp 开发小程序-H5

【从实战带你认识gulp】打包前端项目并实现防缓存

使用nvm解决gulp ReferenceError: primordials is not defined

小程序序列3-gulp的使用

gulp更新4.0后的报错(gulp报Did you forget to signal async completion?)

前端构建工具 Gulp 的使用介绍及技巧

npm常用命令

网址记录

简单的gulp打包，版本号管理

gulp babel 问题

构建工具gulp的入门

Error: Couldn't find preset "es2015" relative to directory "/Library/WebServer/Documents" 解决过程记录

gulp自动化构建工具使用步骤

Asp-Net-Core开发笔记：使用NPM和gulp管理前端静态文件

使用gulp上传打包文件到服务器

对webpack和gulp的理解

gulp+webpack+experss

gulp构建项目

Gulp.js-livereload

如何使用GULP打包构建工具

小程序瘦身之利用gulp压缩wxss

Vue学习笔记——webpack详解

了解webpack

React多页面应用8(webpack4 gulp自动化发布到多个环境,生成版本号,打包成zip等)

gulp实现自动化打包、监听文件变化

分享HTML5自动化构建工具gulp使用方法步骤

职责拆分：gulp相关构建代码的重构方案

前端多图片上传怎么控制顺序_Web前端经典面试题有哪些如何能走向高薪之路...