gulpfile.js 不在 Azure VSBuild 上运行

Question

我有一个 .NET MVC 项目，它在每次构建 /// <binding AfterBuild='default' /> 后执行 gulpfile.js。如果我在 Visual Studio 中本地构建项目，这很有效。但是我必须在每次提交后在 Azure Pipeline 上设置自动构建。 VSBuild@1 任务成功完成，但 gulpfile.js 没有被执行。

gulpfile.js

/// <binding AfterBuild='default' />
'use strict'
//include gulp
var gulp = require('gulp'),

//include plugins
templateCache = require('gulp-angular-templatecache'),
rimraf = require('rimraf'),
concat = require('gulp-concat'),
uglify = require('gulp-uglify'),
rename = require('gulp-rename'),
gutil = require('gulp-util'),
path = require('path');

//concatenate & minify JS Files
function scripts() {
    return gulp.src([...])
.pipe(concat('main.js'))
        .pipe(rename('main.min.js')) 
        .pipe(uglify()) 
        .on('error', function (err) { gutil.log(gutil.colors.red('[Error]'), err.toString()); })
        .pipe(gulp.dest('Build/js'))//put main.js in this folder
}

exports.scripts = scripts;
exports.default = gulp.series(scripts);

Azure 管道 yaml

trigger:
- develop

pool:
  vmImage: 'windows-latest'

variables:
  solution: '**/*.sln'
  buildPlatform: 'Any CPU'
  buildConfiguration: 'Release'

steps:
- task: NuGetToolInstaller@1

- task: NuGetCommand@2
  inputs:
    restoreSolution: '$(solution)'
    
- task: VSBuild@1
  inputs:
    solution: '$(solution)'
    msbuildArgs: '/p:DeployOnBuild=true /p:WebPublishMethod=Package /p:PackageAsSingleFile=true /p:SkipInvalidConfigurations=true /p:PackageLocation="$(build.artifactStagingDirectory)"'
    platform: '$(buildPlatform)'
    configuration: '$(buildConfiguration)'

Answer 1

我最终做的是让 Azure 将工件部署到我的网络服务器。然后我有一个批处理文件来解压缩并将构建的文件移动到 IIS 目录。然后在批处理文件中，我有以下内容：

CD <<IIS directory>>
npm install
gulp --gulpfile "path\to\gulpfile.js"

这样，它在部署到 IIS 时执行 gulfile.js 以合并和最小化 javascript 文件。它不适用于 Azure 管道的原因是它没有在正确的目录中找到 gulpfilejs 路径

Answer 2

根据您的评论，您可以在 gulp 构建之前添加一个任务，只需执行 npm install：

steps:
- task: Npm@1
  displayName: 'npm install'
  inputs:
    command: install
    workingDir: '$(Build.SourcesDirectory)'
    verbose: false

更多详情请参见帖子：Azure DevOps gulp step fails with Local modules not found。

更新>> artifact的目录是$(Build.ArtifactStagingDirectory)，所以应该是D:\a\1\a。如果工件中没有包含js文件，您可以使用Copy Files task将js文件复制到Publish Build Artifacts task之前的该目录。