Gulp 第8页

从0搭建Vue3组件库如何使用 glup 打包组件库并实现按需加载

目录使用glup打包组件库并实现按需加载自动按需引入插件删除打包文件使用gulpgulp打包样式打包组件使用glup打包组件库并实现按需加载当我们使用Vite库模式打包的时候,vite会将样式文件全部打包到同一个文件中

·2023-03-23 20:29

gulp.js 的使用

什么是gulp.jsgulp.js-基于流的自动化构建工具。gulp.js的API简单，学习成本低；利用Node.js流，速度快。使用gulp.js可以大大提高开发效率。

direwolf_·2023-03-22 19:05

Gulp的代理转发插件

需求背景前后端分开部署时，需要单独为前端启动一个服务，如果使用gulp-connect的话，那么代理需要额外的插件来配置。

_双眸·2023-03-22 11:51

gulp入门教程（windows）

1.关于gulpgulp实质上就是基于流的代码自动化构建工具，简单来说就是代码构建工具，那么我们为什么要使用代码构建工具呢？或者说代码构建工具的作用是什么？网站性能优化。

KavinBright·2023-03-22 08:00

gulp 4 编译 less

var{series,src,dest,watch}=require("gulp");varless=require("gulp-less");functionlessTask(){returnsrc(

生活的艺术家·2023-03-21 19:42

网站10倍速度优化比较 —— CDN gulp压缩 cloudflare js/css分离

原文链接：原文链接用户对网页打开速度忍耐值普遍在3-12秒之间（参照网页打开速度的心理学），超时后用户往往会直接关闭网页并且不想再次访问。别以为你的网站很快。本文适用于未备案域名或者使用国外主机/空间的站点加速。如果你的域名已经备案，就算是用的1MB小水管，国内有很多免费CDN可以使用，本着“一力降十会”、“力大飞砖”等指导思想，你的网站打开速度一般都不会慢。本站速度优化辛酸史GithubPage

wivwiv·2023-03-21 16:28

npm install gulp-sourcemaps问题

日常问题今天执行npminstallgulp-sourcemaps死活不成功，一直说nosuchfileordirectory找了好多答案，但是对于小学一年级的英文水平的我来说，好痛苦忍无可忍，使用了cnpminstallgulp-sourcemaps

hsqin·2023-03-21 13:55

自动化工具

常用的自动化工具GruntGulpFISGrunt最早，插件生态完善，工作过程基于临时文件实现，构建速度较慢先对scss编译->私有属性前缀->压缩代码每一个过程都有磁盘写入操作导致构建速度较慢Gulp

桃之_夭夭_·2023-03-21 10:09

小程序系列4-gulp常用插件

"del":"^4.1.1",//删除文件及文件夹"require-dir":"^1.2.0",//文件路径工具"gulp":"^4.0.2","gulp-autoprefixer":"^6.1.0",

小猪x·2023-03-21 03:25

压缩静态资源

使用gulp压缩静态资源在项目的根目录下执行以下命令：npminstallgulp-gnpminstallgulp-minify-cssgulp-uglifygulp-htmlmingulp-htmlcleangulp

帅骚贯彻一生·2023-03-20 07:35

gulp + browserify 搭建es6环境

安装gulpnpminstall-ggulpnpminstall--save-devgulp题外话：--save-dev安装到开发环境，对应package.json里面的devDependencies；

刘小苏苏·2023-03-20 07:39

git提交规范

xx功能type必填，表示提交的类型，一般有一下几种build:Changesthataffectthebuildsystemorexternaldependencies(examplescopes:gulp

tianming2018·2023-03-19 13:21

我向你奔·2023-03-18 20:15

gulp入门教程

gulp是前端的自动化构建工具，gulp的出现是希望能取代grunt，成为最流行的前端自动化构建工具，它与grunt比起来有如下优势：遵循代码优于配置策略：无需写一堆配置参数，维护起来更像写代码易上手：

砍柴的夏天·2023-03-18 13:49

学习TypeScript时遇到的gulp编译问题

今天给大家分享下，学习typescript时遇到的gulp编译问题，按照官网的步骤一步步坐下来，中途在编译gulp时编译不了，经过一番测试查看，修改了gulpfile.js，代码如下：vargulp=require

李荣喜·2023-03-18 07:04

Gulp--手把手教你搭建前端自动化平台

gulp是啥？官方的解释是基于流的自动化构建工具。好，那什么是流呢？这个流是从英语单词stream翻译过来的，不过还是不好理解。

心羽暖姐姐·2023-03-17 13:16

gulp自动给css,js批量添加版本号，解决缓存

解决方法：用gulp自动给html引入的css,js文件批量添加版本号原html效果：完成效果1、安装gulp和gulp插件已安装node和npm包环境下初始化项目npminit安装gulpnpminstall

hongi_k·2023-03-17 04:14

gulp-font-spider实现中文字体包压缩实践

目录1.背景2.方法3.gulp-font-spider安装及使用3.1特性3.2安装3.3使用场景限制4.自动化流程主要步骤4.1.提取项目中使用到的汉字4.2生成字蛛所需的html入口文件4.3利用字蛛执行压缩任务

·2023-03-17 01:59

【面试题】2023年前端最新面试题-webpack篇

原文见：语雀（https://www.yuque.com/deepstates/interview/dcl9yb）●脚手架与项目脚本●构建工具○webpack○grunt、gulp脚手架架构如何设计突发大规模并发架构

aSuncat·2023-03-15 20:23

多页面工程化常用gulp插件

因此写了以下符合当前项目的gulp文件。

郭_523b·2023-03-15 10:02

Gulp（学习笔记）

Gulp介绍中文主页:http://www.gulpjs.com.cn/gulp是与grunt功能类似的前端项目构建工具,也是基于Nodejs的自动任务运行器能自动化地完成javascript/coffee

郝壮_7b3d·2023-03-15 01:29

自动化构建工具gulp指南

本文节选自gulp详细入门教程作者：Ooo_My_Godgulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成

htXi·2023-03-14 20:32

2020年---最新「前端学习体系与前端概述」（面经必读）

PHP基础H5UIbootstrapless/stylus模板引擎swiperiscrollselect2工程课程：ES5/6/7git&GitHubnodeJSmongoDBmySQLwebpackgulpbabelVUE

前端小澈·2023-03-14 15:29

如何编写一个gulp插件

虽然现在在web开发的领域大家进行打包模块相关的操作的时候大部分都是在使用webpack，但是在小程序出来之后，因为小程序天生多页面，支持模块化等操作，但是在工程化方面的内容不足，因此gulp相比webpack

aboyl·2023-03-14 11:32

vscode源码打包

1.打包方法:yarnrungulpvscode-win32-x64-archive，打包后生成的包在.build\win32-x64\archive\VSCode-win32-x64.zip,这种方法目前看似乎是从某个文件夹直接压缩

了彧·2023-03-14 06:26

‘gulp‘不是内部或者外部命令，也不是可运行的程序或批处理文件

'gulp’不是内部或者外部命令，也不是可运行的程序或批处理文件今天准备学一下git上面的某个项目，按照视频步骤clone我代码后，先进行了打包，npmrunbnuild，打包过程中首先报出了'gulp

前端小趴菜_JL·2023-03-13 19:49

happigo知识总结

安装gulp等需要用到的工具，建立起本地服务器，以运行测试php代码。了解项目查看网页细则，构思自己能力范围内能够实现的功能。分析要做功能的逻辑原理。分析网页布局结构，提前规划代码思路。分析提

嗨多磨·2023-03-13 17:10

gulp与webpack区别

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

一个胡椒粉·2023-03-13 03:28

vue模块化

技术选型：1、构建工具2、MVVM框架的选择（要考虑作者对此框架的热衷程度和更新速度）3、模块化设计4、自适应方案设计5、代码维护及复用性设计的思考一、构建工具：gulp,grunt,webpack,fis

_前端码农_·2023-03-11 05:29

Gulp-前端自动化构建工具

gulp基于node,自动化构建工具增强前端开发工作流程一些常见的、重复的任务，例如：网页自动刷新、css预处理、代码检测、压缩图片、等，只需要简单的命令就能全部完成。

爱吃肉的小码哥·2023-03-10 22:43

前端进阶有哪些值得学习的方法？大神带你重新梳理前端的知识体系

不过最近他却跟我抱怨：前端技术原来并不是那么好学啊，技术更新速度太快了，今天要学Vue，明天又要会React，这儿学了一个Gulp，那儿又要学一个Grunt。

前端开发博客·2023-03-09 10:32

什么是webpack

从读取配置到输出文件这个过程尽量说全（必会）4、说一下Webpack的热更新原理(必会)5、webpack与grunt、gulp的不同？（必会）6、有哪些常见的Loader？他们是解决什么问题的？

野猪佩奇～·2023-02-25 00:48

nginx解决静态页面中ajax跨域方案配置

nginx解决静态页面中ajax跨域方案配置有些老项目遗留的静态页面使用jquery中ajax又不想使用webpack或者gulp启动，用Nginx配置跨域问题下载安装Nginx下载链接：Nginx下载根据你的电脑下载对应安装包注意

一室易安·2023-02-24 21:43

webpack全面分析及作用介绍

如果你这样理解那就错了;只能说明你对这个wp仔还停留在表面的理解)webpack是一个前端构建工具;类似的的构建工具还有grunt,gulp,rollup,parcel;现在webpack相对来说比较主流

可乐少加冰丶·2023-02-22 02:48

React开发环境准备

1、直接引入.js文件适用React会导致js文件过大过多2、通过脚手架工具来编码，webpack，grunt，gulp等3、用官方自带的create-react-apphttps://facebook.github.io

六六球·2023-02-19 02:46

gulp入门指南与实例

因最近开发几个ionic1项目,默认配置的gulp,对gulp已经非常熟悉,用实例来写一点教程,如有错误欢迎指正。

BirdNiao·2023-02-19 01:43

NPM的使用

随着大前端技术React，webpack，Vue等的发展，它的定义变成了广义的包管理器，可以实现JavaScript，webpack，Vue，JQuery，Gulp等包或者模块管理，是目

shuo_fd6c·2023-02-18 23:19

Gulp自动化构建的基本使用

Gulp用自动化构建工具增强你的工作流程！gulp将开发流程中让人痛苦或耗时的任务自动化，从而减少你所浪费的时间、创造更大价值。

Wuner·2023-02-18 11:57

gulp-htmlone 文件打包路径出错问题

问题使用gulp进行打包处理时，需要将js和css均打包到html中来减少请求数。于是使用了gulp-htmlone插件，不得不吐槽一下这个插件实在是太老了，三年没更新了。

LeoMelody·2023-02-17 09:36

gulp

节前还有强烈的想法想把刚完成的项目上发现的那些莫名其妙的地方写下来，现在已经忘的差不多了，这该死的记性……安装搭建https://www.gulpjs.com.cn/gulpfile.js压缩添加版本号

语目·2023-02-06 10:34

LI 2.0开发日记

发现gulp前端自动化，目前未研究。明天考完再说。明日计划：研究一下自动化，

夜风SAI·2023-02-06 10:52

webpack详解

webpack是一个静态模块打包工具打包.pnggrunt/gulp的核心是Task我们可以配置一系列的task，并且定义task要处理的事务（例如ES6、ts转化，图片压缩，scss转成css）之后让

緋想天長女·2023-02-06 04:00

Linux中potree的环境配置及点云可视化

首先确认电脑是否已装nodejs和gulp，若已装，跳到第三步一安装nodejssudoapt-getinstallnodejssudoapt-getinstallnpm#验证是否安装成功命令node-v

差不太多先生·2023-02-05 16:44

Gulp的前端工程构建配置

创建一个文件夹并进入，使用Gitbash进入这个文件夹下，执行npminit来生成package.json文件，创建工程目录如下：image.png在工程根目录下创建gulpfile.js文件，文件名称必须这么写

sunshineboy00·2023-02-05 05:47

Node中node_modules文件夹及package.json文件的作用说明

modules(模块)node加载模块的方法node_modules文件夹及package.json文件的作用在我们下载了npm或gulp的一些插件后，打开node_modules可以发现，里面有很多的文件夹

·2023-02-04 03:17

推一下自己的第一个 gulp 插件： gulp-code-replace

github:https://github.com/heekei/gulp-code-replace用途将代码中的置标替换成对应的文件内容。

Heekei·2023-02-04 00:21

前端高频面试题-HTTP&webpack&其他

cookie，localStorage，sessionStorage的区别常用的HTTP状态码，追问，200和304的区别浏览器的缓存机制是什么说一下你对webpack的理解webpack，grunt，gulp

wangwenquan1234·2023-02-03 23:11

Typescript+verdaccio+pm2构建私有工具包

本文只简要介绍下整个流程，具体参考utils项目简要工具项目架构初始化单元测试文档输出打包发布工具typescripttypedocrollup+gulpjes

Jarvan丶·2023-02-03 22:36

如何解决 npm ERR! Cannot read properties of null (reading ‘pickAlgorithm‘)报错问题

比如webpack、gulp、grunt这些工具。主要是这个原因：npmERR!Cannotreadpropertiesofnull(reading'pickAlgorithm')翻译：

明思齐·2023-02-03 10:43

webpack

webpack是什么,有哪些同类工具webpack项目打包工具,项目构建工具,有什么作用构建单页应用(disk)npmihttp-server-g代码压缩......(2)同类工具百度fis3gruntgulpwebpack

落叶荼·2023-02-03 08:34

推荐频道

Gulp