Управляющий файл включает разные для разных сред в gulp

Question

У меня есть проект AngularJs, который имеет запись и общий файл как index.html, в этот файл я включил различные js и css. Теперь, когда мне нужно загрузить в рабочий режим, я хочу изменить пути к уменьшенным версиям файлов. Как управлять этим автоматически с gulp?

Я не могу сгенерировать файл index.html для производства, а затем каждый раз возвращать его снова для режима разработки. Я пытался gulp-inject gulp-replace. Все работает, но для этого мне нужно снова вернуться в производственный режим.

Answer 1

Создайте две разные переменные в вашем gulpfile.js.Один из них за prod, а другой за dev.Первая переменная содержит пути к уменьшенным файлам, а вторая - пути к исходным файлам.

var dev = [
        'path-of-files.js',
        'path-of-files.js'
    ];

gulp.task('dev', function () {
    var target = gulp.src('path-of-raw-index');
    return target
        .pipe(inject(gulp.src(devMode)))
        .pipe(concat('dev-index.html'))
        .pipe(gulp.dest('target-path'));
});

gulp.task('prod', function () {
    var target = gulp.src('path-of-raw-index');
    return target
        .pipe(inject(gulp.src(prodMode)))
        .pipe(concat('prod-index.html'))
        .pipe(gulp.dest('target-path'));
});

И поместите эти строки кодов в raw-index-file, куда вы хотите вставить

<!-- inject:js -->
<!-- built js files will go here... -->
<!-- endinject -->