angular - 如何将 gulp 任务添加到 Angular cli 构建中

Question

我正在将 Angular 4 项目的部署工具切换为 angular/cli 。默认情况下，命令 ng build 会将生成的包放入 dist 文件夹中。

我需要弄清楚如何将自定义任务添加到此流程中。具体来说，我有很多 .svg 文件，需要将它们捆绑并缩小为 sprite.defs.svg 文件，并将结果放在 dist/中 Assets /svg/。在我之前的部署工具链中，我将 gulp 与 gulp-svg-sprite plugin 结合使用。 。这是我的捆绑步骤:

const svgSprite = require('gulp-svg-sprite');

gulp.src('**/*.svg')
  .pipe(svgSprite({
    mode: {
      defs: {
        dest:'.',
        sprite:"sprite.defs.svg"
      }
    }
  }))
  .pipe(gulp.dest('dist/assets/svg'));

有没有一种简单的方法可以将这样的东西集成到 Angular/cli 的 ng build 中？

Answer 1

假设您手动运行此 gulp 任务

gulp processSVG

在 package.json 的脚本部分中，定义如下命令:

"prebuild": "gulp processSVG"

npm 脚本足够智能，可以在同名命令之前运行带有“pre”前缀的命令，但没有此前缀。现在，运行以下命令:

npm run build

此命令将首先运行预构建命令，然后运行构建命令。