为了账号安全,请及时绑定邮箱和手机立即绑定

Webpack 4.x 版本下的 gulpfile.js 的配置

废话不多说, 直接上源码:(全选复制黏贴到你的 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 打包只是其次的.

正在回答

2 回答

参考你的代码,结合老师的版本;解决报错 “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!");}));


0 回复 有任何疑惑可以回复我~

如果还有啥问题可以发邮件给我, 我的邮箱是: ks_zhangyi@163.com

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

Webpack 4.x 版本下的 gulpfile.js 的配置

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信