问题：

两个任务中的Gulp有线依赖关系

姜森

2023-03-14

我有这个项目结构。

我想使它这样做，当我运行inject-bower的gulp task时，它将使用bower文件夹并注入所有必要的文件。然后，当我执行inject-app时，它将接受所有脚本并按原样注入它。

我将这两个任务放在一个并发任务流中：

gulp.task('inject', ['inject-bower', 'inject-app'], function() {
  console.log('Injection done.');
})

var gulp = require('gulp'),
    plumber = require('gulp-plumber'),
    rename = require('gulp-rename');
var autoprefixer = require('gulp-autoprefixer');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var cache = require('gulp-cache');
var minifycss = require('gulp-minify-css');
var sass = require('gulp-sass');
var wiredep = require('wiredep').stream;
var inject = require('gulp-inject');

var runSequence = require('run-sequence').use(gulp);
var del = require('del');

gulp.task('inject', ['inject-bower', 'inject-app'], function() {
  console.log('Injection done.');
})

gulp.task('inject-bower', ['clean'], function() {
    gulp.src('./index.html')
        .pipe(wiredep({}))
        .pipe(gulp.dest('./src'));
});

gulp.task('clean', function() {
  return del('src/index.html');
});

gulp.task('inject-app', function () {
  gulp.src('./src/index.html')
    .pipe(inject(
      gulp.src(['./src/js/client/*.js'], {read: true})
    ))
    .pipe(gulp.dest('./src'));
});

// For production/dev
gulp.task('styles', function(){
  gulp.src(['src/stylesheets/*.scss'])
    .pipe(plumber({
      errorHandler: function (error) {
        console.log(error.message);
        this.emit('end');
    }}))
    .pipe(sass())
    .pipe(autoprefixer('last 2 versions'))
    .pipe(gulp.dest('src/stylesheets/'))
    .pipe(rename({suffix: '.min'}))
    .pipe(minifycss())
    .pipe(gulp.dest('src/stylesheets/'))
});

// For production.
gulp.task('build-scripts', function(){
  return gulp.src('src/js/client/**/**/*.js')
    .pipe(plumber({
      errorHandler: function (error) {
        console.log(error.message);
        this.emit('end');
    }}))
    .pipe(concat('bundle.js'))
    .pipe(gulp.dest('src/js/'))
    .pipe(rename({suffix: '.min'}))
    .pipe(uglify())
    .pipe(gulp.dest('src/js/'))
});

gulp.task('default', ['inject'], function(){
  //gulp.watch("src/stylesheets/*.scss", ['styles']);
  //gulp.watch("src/js/client/**/**/*.js", ['scripts']);
  gulp.watch("*.html", ['inject']);
});

/usr/local/bin/node/usr/local/lib/node_modules/gulp/bin/gulp.js--color--gulpfile/users/dan/projects/angularjsapp/gulpfile.js使用gulpfile注入[12:21:53]~/projects/angularjsapp/gulpfile.js[12:21:53]开始“清除”...[12:21:53]正在启动“inject-app”...[12:21:53]在18毫秒后完成“inject-app”[12:21:53]在40毫秒后完成“clean”[12:21:53]开始“inject-bower”...[12:21:53]在1.89毫秒后完成“注射-鲍尔”[12:21:53]开始“注射”...注射完毕。[12:21:53]在19微秒[12:21:53]后完成“inject”-将1个文件注入index.html。

进程已完成，退出代码为0

下面是在src/index.html中完成该操作后剩下的内容：

<!DOCTYPE html ng-app="chat">
<html>
<head>
    <title>Hello Chat</title>

    <!-- bower:css -->
    <link rel="stylesheet" href="bower_components/animate.css/animate.css" />
    <!-- endbower -->

    <!-- inject:css -->
    <!-- endinject -->
</head>
<body>
    <h1>Ready to play?</h1>

    <section>
        Hey man.

        <div ng-controller="ChatCtrl"></div>
    </section>

    <!-- bower:js -->
    <script src="bower_components/angular/angular.js"></script>
    <script src="bower_components/jquery/dist/jquery.js"></script>
    <script src="bower_components/moment/moment.js"></script>
    <!-- endbower -->

    <!-- inject:js -->
    <!-- endinject -->
</body>
</html>

共有1个答案

高祺

2023-03-14

我认为您需要在'inject-app'任务中指定对'clean'任务的依赖关系，如下所示。

gulp.task('inject-app',  ['clean'], function () { ...

如果不这样做，您将遇到一个问题，即在“inject-app”和“inject-bower”之间运行“clean”。它在日志输出中：

[12:21:53] Starting 'clean'... 
[12:21:53] Starting 'inject-app'... 
[12:21:53] Finished 'inject-app' after 18 ms 
!!! [12:21:53] Finished 'clean' after 40 ms !!!
[12:21:53] Starting 'inject-bower'...

我想这是你的应用程序出现问题的根源。

类似资料：

任务之间的Gradle依赖关系

因此，自从添加新的Room android架构库以来，这种情况已经开始发生。我在AppDatabase_Impl没有过期时遇到问题，我通过在注释中添加kapt来修复它： < li>Android Room持久性库和Kotlin < li >在Kotlin中实现房间持久性库 < in Kotlin中的房间持久性库实现(Gradle错误) 我怀疑其他错误是由于AS、Kotlin和Java 8造成的，所
处理分级任务依赖关系

将gradle及其spring-boot插件(1.5.1)和第一个spirit插件一起使用会引发一个错误： b）如何从“启动重新打包”中删除“fsm”的依赖项？ c）是否可以显示一个分级任务依赖关系图？（不是项目依赖关系）
在gradle插件中定义任务依赖关系
如何依次依次运行Gulp任务

问题内容：在如下代码段中：在任务中，我要运行，完成后再运行，然后再执行其他操作。但我无法弄清楚。这件作品不起作用。请指教。问题答案：它不是一个正式版本，但是即将推出的Gulp 4.0使您可以轻松地使用gulp.series进行同步任务。您可以像这样简单地做到这一点：
以下任务之间的循环依赖关系

我花了5个多小时试图解决这个问题。有什么问题吗？我补充道：组织。格拉德尔。configureondemand=true 但问题依然存在建筑gradle（模块：应用程序）建造。gradle（项目：myproject） //顶级构建文件，您可以在其中添加所有子项目/模块通用的配置选项。
是否有用于GradleScript依赖项的Gradle“依赖项”任务？

问题内容：可以运行以了解模块任务的依赖性。有没有办法找到 buildscript依赖的传递依赖？示例：直接取决于：可以在MVNRepository上看到。但是，这些工件有其自己的依赖性。有没有找到方法而无需手动遍历整个依赖树的方法？为了澄清起见，我正在谈论的类路径由以下方式定义：问题答案：您可以使用以下命令： Udacity提供了很棒的Android Gradle 教程，但是您

两个任务中的Gulp有线依赖关系

共有1个答案

相关问答

相关文章

相关阅读

相关工具

相关文档