在VS2015中构建后执行Gulp.js任务

时间:2015-09-09 00:58:55

标签: javascript css gulp asp.net-core

我有一个基本的Asp.Net 5站点,它使用Gulp.JS任务来清理,复制和缩小CSS和JS文件。

在Task Runner Explorer中运行这些任务时 - 一切都很好,删除旧脚本,复制新脚本并缩小文件。

我希望在VS2015中自动完成这些任务 - 所以当我构建项目时,会发生以下情况:

  • 使用clean taks删除旧脚本
  • 使用复制任务复制新脚本
  • CSS和JS使用min taks缩小(将通过为每个缩小任务来缩小CSS和JS。(Prod和staging使用缩小版本和dev使用正常的js和css文件)。

现在我可能完全偏离这里,但我想在project.json文件中我应该能够在脚本配置中调用这些gulp任务,如下所示:

"scripts": {
    "prebuild": [ "gulp clean" ],
    "postbuild": ["gulp copy" , "gulp min" ],
    "prepublish": [ "npm install", "bower install"]

}

清理工作完美 - 但复制和最小任务根本不运行。关于如何自动化这种行为的任何想法都可以吗?

1 个答案:

答案 0 :(得分:7)

您所要做的就是在gulpfile.js (第一行)中添加绑定以构建步骤

/// <binding Clean='clean' AfterBuild='postbuild' />

之后,您将在Task Runner Explorer中执行以下步骤: gulp build in Visual Studio 2015

project.json中的脚本部分仅适用于在使用dnu命令时构建Visual Studio 之外的

dnu build