在azure devops管道中执行gulp脚本

Question

在我的项目中，我有一个gulpfile.js，它可以将一些文件从一个目录复制到另一个目录。在Visual studio works中从Task Runner Explorer本地运行此程序。

当我想在Azure DevOps中执行这个gulp脚本时，它会报告缺少一个包。

我的gulpfile.js看起来像这样：

/// <binding AfterBuild='moduleCopy, copyModuleDependencies' />

var gulp = require('gulp');
var newer = require('gulp-newer');
var rename = require('gulp-rename');


gulp.task('copyModuleDependencies', function (cd) {
    gulp.src('../*Module/bin/Release/netcoreapp3.0/*.dll')
        .pipe(rename({ dirname: '' }))
        .pipe(gulp.dest("bin/Release/netcoreapp3.0/Modules"))
});

gulp.task('moduleCopy', function (cb) {
    gulp.src('../*Module/bin/Release/netcoreapp3.0/*.Module.dll')
        .pipe(newer("bin/Release/netcoreapp3.0/Modules/"))
        .pipe(rename({ dirname: '' }))
        .pipe(gulp.dest("bin/Release/netcoreapp3.0/Modules/"))
});

我的package.json文件如下所示：

{

  "name": "MyHost",
  "version": "1.0.0",
  "description": "",
  "main": "gulpfile.js",
  "dependencies": {
    "gulp": "^4.0.2",
    "gulp-newer": "^1.4.0",
    "gulp-rename": "^1.4.0",
    "upath": "^1.2.0"
  },
  "devDependencies": {}
}

和我的azure-pipelines.yml文件：

触发器：-特征/模糊

池: vmImage：'ubuntu-latest‘

variables:
  buildConfiguration: 'Release'

steps:
- script: dotnet build --configuration $(buildConfiguration)
  displayName: 'dotnet build $(buildConfiguration)'
- task: Npm@1
  inputs:
    command: 'install'
    workingDir: 'obfuscated.Host'
- task: Gulp@1
  inputs:
    gulpFile: 'obfuscated.Host/gulpfile.js'
    targets: 'moduleCopy copyModuleDependencies'
    enableCodeCoverage: false

当触发构建时，npm似乎能够安装package.json文件中指定的包，但当它应该执行gulpfile.js时，就会发生这种情况：

内部/modules/cjs/loader.js:638抛出错误；^

Error: Cannot find module 'upath'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:636:15)
    at Function.Module._load (internal/modules/cjs/loader.js:562:25)
    at Module.require (internal/modules/cjs/loader.js:692:17)
    at require (internal/modules/cjs/helpers.js:25:18)
    at Object.<anonymous> (/home/vsts/work/1/s/obfuscated.Host/node_modules/chokidar/index.js:13:13)
    at Module._compile (internal/modules/cjs/loader.js:778:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
    at Module.load (internal/modules/cjs/loader.js:653:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
    at Function.Module._load (internal/modules/cjs/loader.js:585:3)
##[error]Gulp failed with error: /usr/local/bin/gulp failed with return code: 1
##[section]Finishing: Gulp

显然，它似乎缺少来自packages.json的一些包，但是为什么它在本地工作呢？

Answer 1

我相信这是因为您没有在项目目录中的管道YAML文件中运行gulp任务，而是在解决方案目录中运行。因为您在正确的路径中指定了您的"gulpfile.js“，所以它能够找到它并发现您的任务，但随后它会从您当前的工作目录执行gulp，而您尚未设置该目录，因此它默认使用解决方案目录。

尝试从gulp任务中删除gulpFile输入(因为它缺省为"gulpfile.js")并添加workingDirectory输入，将其设置为项目目录"obfuscated.Host"，如下所示：

variables:
  buildConfiguration: 'Release'

steps:
- script: dotnet build --configuration $(buildConfiguration)
  displayName: 'dotnet build $(buildConfiguration)'
- task: Npm@1
  inputs:
    command: 'install'
    workingDir: 'obfuscated.Host'
- task: Gulp@1
  inputs:
    workingDirectory: 'obfuscated.Host'
    targets: 'moduleCopy copyModuleDependencies'
    enableCodeCoverage: false