修改完 gulpfile.js 里面的内容后 一定要执行 gulp 才会生效

最新推荐文章于 2022-11-12 22:48:02 发布
最新推荐文章于 2022-11-12 22:48:02 发布
阅读量526 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44723840/article/details/103209283
版权

修改完 gulpfile.js 里面的内容后 一定要执行 gulp 才会生效

比如 watch 里面 又增加了 监听 css和js ，如果 不执行 gulp ，更改是不会生效的

weixin_44723840
关注
GULP详解 自动化打包压缩工具（怎么打包压缩js，怎么打包压缩css，怎么打包压缩html，怎么打包压缩sass等）
祭月M的博客
09-22 382
GULP gulp 是一个项目开发的 自动化打包构建工具 基于 node 环境来运行的 什么是自动化打包构建工具 比如 我们在开发的过程中，会写到 js 文件，css 文件，等等 我们的项目如果想上线，那么一定要体积小一点，文件大小越小越好 而我们在写 js 文件的时候，会有很多 换行/空格 之类的东西 这些 换行/空格 都是占文件体积的一部分 那么我们在上线之前就要吧这些 换行/空格 尽可能的删除掉 我们又不能一个文件一个文件的去删除 就要用到一个自动化工具来帮助我们把这些多余的东西干掉 这个
使用gulp助力前端自动化
「 虚幻私塾」
07-29 328
随着前端诸如webpack，rollup，vite的发展，gulp感觉似乎好像被取代了。其实并没有，只不过它从台前退居到了幕后。我们仍然可以在很多项目中看到它的身影，比如elementplus、vant等。现在gulp更多的是做流程化的控制。比如我们要把一个大象放进冰箱里就需要打开冰箱门->把大象放进冰箱->关上冰箱门，这就是一个简单的流程，使用gulp就可以规定这些流程，将这个流程自动化，并自动执行这个流程。所以我们可以使用它在项目开发过程中自动执行常见任务。...
如何在修改 gulpfile.js 文件后自动重启 gulp?
weixin_34399060的博客
07-11 470
gulp 非常好用，编写好 gulpfile.js 文件后，一般情况下在命令行用 gulp 就能启动开发环境，大大简化了开发流程。但是有一个问题没有解决，就是编写 gulpfile.js 文件过程中，如果这个时候 gulp 已经启动，修改 gulpfile.js 文件，进程并不会变化，我们希望 gulpfile.js 文件修改后，gulp 进程能够自动重启 我们接下去以这个脚手架 gulp-sim...
gulp中配置gulpfile.js内容
weixin_49070186的博客
01-05 1377
1. 创建 gulp 项目文件夹 - 导入 下载 相关的依赖包 2. 创建 gulp 外部js文件 - 这个文件名 必须是 gulpfile.js - 所有的gulp打包压缩程序都定义在这个文件中 3. 设定 gulp 打包压缩相关的程序 (1) 导入相关依赖包 (2) 定义 gulp 打包压缩规范的执行 每一个gulp打包压缩规范都有固定的程序执行方式 设定的都是固定的程序模式 只是程序的相关参数设定不同 注意问题 1. 导入的 gulp 依赖包 是 对象形式的数据结构 有属性 和...
gulp 命令用php执行了但是没有生成文件,gulp命令不起作用
weixin_42173205的博客
03-29 292
问题描述我使用的是ubuntu 14.04 LTS，我有nodejs(不是节点)和npm安装。我用npm install gulp -g安装了gulp。但是我的命令gulp不起作用，它默默无声地返回！最佳解决方法我今天在Ubuntu 14.04 LTS上遇到了同样的问题。调试后我注意到我不小心使用apt-get安装了nodejs和node。跑完之后sudo apt-get remove node问...
gulp html自动刷新,gulp实战技巧之gulp-webserver自动刷新浏览器
weixin_39939904的博客
05-31 514
摘要：在传统的网页开发中，我们修改了css或js或页面代码并保存后，要想看到最新效果就需要切换到浏览器并手动刷新页面。刷新会占用我们大量的开发时间，所以我们需要一款高效的自动化刷新工具。而使用gulp-webserver就可以解决自动刷新的问题......前面写的几篇关于30%！咱们不耍嘴皮了，开始干活！一、普通的网页开发模式为何效率低下？先不说1.1、必不可少的步骤1、创建(html、css、j...
gulp处理css
聂培志的博客
10-28 112
autoprefixer 加前缀 $_> npm i -D gulp-autoprefixer let gulp = require('gulp'), autoprefixer = require('gulp-autoprefixer'); gulp.task('default', function () { gulp.src('./css/index.css') ...
gulp入门使用.docx
09-11
完成`gulpfile.js`的配置后，你可以通过命令行运行Gulp任务。例如，执行`gulp watch`来启动监听任务，或者执行`gulp styles`来一次性执行CSS相关的任务。 总之，Gulp作为一个强大的自动化构建工具，通过简单易懂的...
gulp no gulpfile found
最新发布
06-06
“gulp no gulpfile found”是指在运行gulp命令时，系统找不到gulpfile.js文件。gulpfile.js是gulp的配置文件，其作用是告诉gulp如何进行任务的自动化处理。 要解决这个问题，首先需要确认当前目录是否存在gulpfile...
使用gulp添加时间戳，压缩css、js
04-23
现在，当运行`gulp`时，`gulpfile.js`会先为CSS和JS添加时间戳，然后分别进行压缩，并将处理后的文件输出到`dist`目录。 最后，要使以上代码生效，必须在项目根目录下运行`npm install`来安装所需的依赖包。`...
gulp编译gulp编译文件、gulp编译项目
12-29
gulp编译文件、gulp编译项目
gulp 4 (踩坑) 任务不执行
joy1793的博客
03-15 1277
gulp 4升级后 内部集成许多gulp 3 需要插件才能完成 1 gulp.watch 可以监控新增的文件 gulp-watch 2顺序执行 gulp.series 坑一 执行任务后只有 Starting 没有 Finished 且后续操作没反应 macdeMac-mini:webpack-test mac$ gulp server [16:59:01] Using gulpfile ~/p...
修改完js文件后，没有生效，浏览器存在缓存导致修改没有生效
Rockandrollman的博客
10-08 3058
常见方法 很多人会首先想到清除一下浏览器的缓存，这个操作感觉很简单，但是跟下面这个方法比起来，清除缓存就显得有些麻烦了。 简便方法 我们可以直接使用Ctrl+F5，刷新浏览器，使用Ctrl+F5时浏览器会在HTTP的请求头中增加一些参数，告诉服务端我们获取最新的数据，而不是从缓存中获取数据。 注意单按F5不会添加这个参数，还是会有缓存。 下图是在请求头中添加的参数： ...
【BUG】gulp 打包（npm run build）停不下来或打包后首页一片空白的问题思考
mmciel
12-25 2289
正常的打包控制台 Build complete. Tip: built files are meant to be served over an HTTP server. Opening index.html over file:// won't work. [10:22:24] Finished 'build' after 32 s [10:22:24] Starting 'create:versionCatalog'... [10:22:24] Finished 'create:ver
gulp配置代理以gulp添加文件变化任务（十二）
xiaojian044的博客
11-12 519
gulp代理配置， gulp监视
gulpfile.js 项目配置
Dolores_me的博客
09-06 1817
gulpfile.js 配合 package.json使用 首先，使用确定项目使用gulp自动化工具。 1.创建项目文件夹，project1，打开此文件夹，查看是否安装了node -v 2.git bash here , npm init，创建package.json配置文件 3.npm install gulp --save-dev 安装gulp 4.创建gulpfile.js...
gulpfile.js 配置常用命令
程序在执行
01-12 2612
gulpfile.js 常用功能配置 //引入gulp var gulp=require("gulp"), spritesmith=require('gulp.spritesmith'),//1 sass=require('gulp-sass'),//2 uglify=require('gulp-uglify'),//3 cleancss=require('gulp-clean-c
gulp.task("copy-js",function(){ return gulp.src(["./*.js","!./gulpfile.js"]) .pipe(gulp.dest("./dist/scripts")) .pipe(connect.reload()); })
06-03
这是一个使用gulp实现的任务，目的是将当前目录下所有的js文件（不包括gulpfile.js）复制到dist/scripts目录下，并且刷新浏览器。这个任务定义了一个名为"copy-js"的gulp任务，使用了gulp提供的src和dest方法来读取...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值