假设我们的gulp任务逻辑太复杂,无法在gulpfile中对其进行描述。 Gulp 4允许将任务作为函数调用,但是我没有看到一些带有参数传递的示例。
在下面的代码中,在takeCareAboutMarkupPreprocessing
-MarkupPreprocessingHelper
类的静态方法和takeCareAboutStylesPreprocessing
-StylesPreprocessingHelper
的静态方法config
中描述了gulp任务。但是,两个类都需要依赖项-const MarkupPreprocessingHelper = require('./helpers/MarkupPreprocessingHelper');
const StylesPreprocessingHelper = require('./helpers/StylesPreprocessingHelper');
const config = /* get it somehow */;
gulp.task('Development run', gulp.series(
done => { MarkupPreprocessingHelper.takeCareAboutMarkupPreprocessing(config); done(); },
done => { StylesPreprocessingHelper.takeCareAboutStylesPreprocessing(config); done(); },
));
。
比下面的代码还优雅吗?
<!DOCTYPE html>
<html>
<head>
<script src="mini-game.js"></script>
<script src="main-game.js"></script>
</head>
<body>
<p>My HTML</p>
</body>
</html>
P。 S.问题Can I bind the instance to non-static method immediately after creating instance of ES6-class?,我正在考虑采用非静态方法的解决方案。这个解决方案也可以,但是也不是很优雅...