gulp插件打包教程

最新推荐文章于 2023-08-29 16:42:14 发布

C_Knight

最新推荐文章于 2023-08-29 16:42:14 发布

阅读量198

点赞数

CC 4.0 BY-SA版权

分类专栏： nodejs 文章标签： gulp node task

本文链接：https://blog.youkuaiyun.com/qq_35275077/article/details/89946669

nodejs 专栏收录该内容

2 篇文章

订阅专栏

博客介绍了NodeJS的安装，选用msi格式可自动设置Path环境变量。还提及创建项目、编写代码和运行等步骤。同时指出执行任务时可能遇到的错误，原因是gulp4不支持Gulp3指定依赖任务的方法，并给出Gulp3和gulp4区别的参考链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Hello World成功的必经之路！
首先,让我们一起搭建环境。

1.安装NodeJS
自行下载，我用的是V10.15.13.msi，为什么使用msi，那是因为会自动设置Path环境变量，方便安装。
2.创建项目

（1）cnpm install --save-dev //安装本地npm
（2）cnpm init //创建package.json，用来存储依赖
（3）cnpm install gulp --save-dev //安装本地gulp，并添加依赖
（4）在根目录下创建gulpfile.js

3.项目代码

//gulpfile.js
var gulp = require('gulp');//gulp自身  
gulp.task('task1',function () {  
    console.log("task1");  
	gulp.watch('./src/less/*.less',gulp.parallel('task2'));
});  
gulp.task('task2',function () {  
    console.log("task2");  
})  
gulp.task('default',gulp.parallel('task1', function() {  
    console.log("default");  
}));

4.运行
在这里插入图片描述

小贴士

大家在执行任务的时候可能会碰见下面的错误信息
在这里插入图片描述
出现这个问题的原因是gulp4不支持Gulp3指定依赖任务的方法。

（1）gulp3
     gulp.task('default', ['A', 'B, 'C']);
 (2)  gulp4
     gulp.task('default', gulp.paralle('A', 'B, 'C,function(){}));
     gulp.series：按照顺序执行
     gulp.paralle：可以并行计算

关于Gulp3和gulp4的区别，可以参考下面链接