废话不多说, 直接上源码:(全选复制黏贴到你的 gulpfile.js 文件中即可)
const gulp = require("gulp");
gulp.task("webpack", async()=>{await console.log("gulp complete!");});
gulp.task("less", async()=>{await console.log("gulp complete!");});
gulp.task("default", gulp.parallel('webpack', 'less',async()=>{await console.log("gulp complete!");}));在shell中测试的结果为:
F:\Software\html\2019年12月11日\src>gulp [12:31:18] Using gulpfile F:\Software\html\2019年12月11日\src\gulpfile.js [12:31:18] Starting 'default'...[12:31:18] Starting 'webpack'... [12:31:18] Starting 'less'... [12:31:18] Starting '<anonymous>'... gulp complete! gulp complete! gulp complete! [12:31:18] Finished 'webpack' after 3.76 ms [12:31:18] Finished 'less' after 4.5 ms [12:31:18] Finished '<anonymous>' after 7.42 ms [12:31:18] Finished 'default' after 11 ms
完成! 后面的跟着老师的代码再敲就可以了.
不过, 我建议最好能在一开始就按照老师的版本安装, 毕竟这是 JS 课程, 学习 gulp 打包只是其次的.
参考你的代码，结合老师的版本；解决报错 “Task function must be specified”
const gulp = require("gulp");
// 转译Javascrit
gulp.task("webpack", async()=>{
const webpack = require("webpack-stream");
gulp.src("./js/**/*.js")
.pipe(webpack())
.pipe(gulp.dest("../www/js"));
});
// 编译less -> css
gulp.task("less", async()=>{
const less = require("gulp-less");
gulp.src("./less/*.less")
.pipe(less())
.pipe(gulp.dest("../www/css"));
});
gulp.task("default", gulp.parallel('webpack', 'less', async()=>{await console.log("gulp complete!");}));
如果还有啥问题可以发邮件给我, 我的邮箱是: ks_zhangyi@163.com