javascript - 迁移到 Gulp 4,[不创建脚本和运行服务器。没有错误显示]
问题描述
我从 gulp 3.9.1 迁移到 4.0.2,解决了需要引入 gulp.series 和 gulp.parallel 的问题。
在我生成的应用程序文件夹中,除了 css 文件之外,我没有看到我的脚本正在生成。
gulpfile.js
var gulp = require('gulp');
var templates = require('./tools/gulp-templates.js');
var scripts = require('./tools/gulp-scripts.js');
var styles = require('./tools/gulp-styles.js');
var fonts = require('./tools/gulp-fonts.js');
var build = require('./tools/gulp-build.js');
var run = require('./tools/gulp-run.js');
gulp.task('default', );
gulp.task('templates', templates);
gulp.task('scripts',gulp.parallel('templates'), scripts);
gulp.task('styles', styles);
gulp.task('fonts', fonts);
gulp.task('build', gulp.parallel('styles', 'scripts','fonts'), build);
gulp.task('run', gulp.parallel('build'), run);
gulp-scripts.js
let headerComment = require('gulp-header-comment');
let git = require('git-rev');
let strip = require('gulp-strip-comments');
let b = browserify({
detectGlobals: false,
entries: './src/app.js',
debug: true
}).transform("babelify", {
presets: [['es2015', {loose: true}], 'stage-0'],
plugins: ['transform-proto-to-assign']
});
module.exports = function() {
git.long(function (str) {
return b.bundle()
.pipe(source('app.js'))
.pipe(buffer())
.pipe(strip())
.pipe(streamify(uglify({compress: true, beautify: false})))
.pipe(headerComment(`Generated on <%= moment().format() %>
Commit: ${str}
`))
.pipe(gulp.dest('./app/'))
})
};
迁移前的 App 文件夹
迁移后的应用文件夹
带有 ought 错误的控制台输出
解决方案
我要改变的第一件事是你的一些任务,比如
gulp.task('scripts',gulp.parallel('templates'), scripts);
gulp.task('build', gulp.parallel('styles', 'scripts','fonts'), build);
gulp.task('run', gulp.parallel('build'), run);
这是task
来自文档的签名(https://gulpjs.com/docs/en/api/task#signature)
任务([任务名称],任务函数)
你有gulp.task('run', gulp.parallel('build'), run);
最后一个run
必须是论点的一部分,taskFunction
所以你可能想要:
gulp.task('run', gulp.series('build', run));
gulp.task('build', gulp.series( gulp.parallel('styles', 'scripts','fonts'), build));
和
gulp.task('scripts',gulp.series('templates', scripts));
您可能还有其他问题,但从上述更改开始。
推荐阅读
- github - 通过脚本文件将 github 存储库安装为库
- php - 更新已读消息的状态
- vba - MS Access 列表框 - 从字段添加项目后,所有计算字段都转到“#Error”和“#Type!”
- asp.net-core - 如何让我的代码在 Linux (Ubuntu) 上检索环境变量?
- python-3.x - 是否可以在不解压缩 Python 的情况下删除 .zip 文件中的文件?
- wordpress - 将未列出的 You Tube 频道嵌入 WordPress 网页
- java - 如何从 DMN 模型中调用静态 Java 方法(Drools Business Central)
- c# - 使用集成 Windows 身份验证时 MSAL 4.16.0 出现问题
- codenameone - 优步克隆的问题
- python - 如何让python中的“TemporaryDirectory”继承父目录的权限?