ionic-framework - Ionic 2 添加自定义构建脚本

Question

我正在通过 CLI 使用 Ionic 2。在这个版本中，他们使用 NPM SCRIPTS 而不是 gulp。

   "scripts": {
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve"
 },

我已阅读有关向配置添加自定义脚本的内容，但不清楚如何执行此操作。这是我目前的配置...

"config": {
    "ionic_bundler": "webpack",
    "ionic_source_map": "source-map",
    "ionic_source_map_type": "eval"
  },

我需要创建一个名为“replace”的自定义脚本，它将使用 NPM 替换。我如何添加它以便当我运行 ionic serve 或 build 时它会运行？

这是我要运行的 gulp 代码。

var gulp = require('gulp');
var replace = require('gulp-string-replace');
var p = require('./package.json');
var version = p.version;
gulp.task('serve:after', ['version']);

console.log('Task init!!!');
gulp.task('version', function() {
  gulp.src(["./www/index.html"])
  .pipe(replace(/VERSION/g, p.version))
    .pipe(gulp.dest('./www/'));
});

Answer 1

Ionic CLI (v3.X) 直接进入 gulpfile.js并寻找 CLI hooks .

ionic 服务 :

gulp.task('ionic:watch:before', function() {
  console.log("this is run before 'ionic serve'");
});

ionic 构建:

gulp.task('ionic:build:before', function() {
  console.log("this is run before 'ionic build'");
});

所以你应该在你的 gulpfile.js 中添加这样的内容:

gulp.task('ionic:watch:before', ['version']);
gulp.task('ionic:build:before', ['version']);