gulp - gulp は dist に src ディレクトリ構造を作成します

Question

次のgulpタスクを取得しました。

const gulp = require('gulp');
const del = require('del');
const typescript = require('gulp-typescript');
const tscConfig = require('./tsconfig.json');
const sourcemaps = require('gulp-sourcemaps');
const print = require('gulp-print');

// clean the contents of the distribution directory
gulp.task('clean', function () {
  return del('dist/**/*');
});

// TypeScript compile
gulp.task('compile', ['clean'], function () {
  return gulp
    .src(tscConfig.files)
    .pipe(print(function (filepath) {
      return 'Processing ' + filepath + '...';
    }))
    .pipe(sourcemaps.init())
    .pipe(typescript(tscConfig.compilerOptions))
    .pipe(sourcemaps.write('.'))
    .pipe(gulp.dest('dist/app'));
});

gulp.task('build', ['compile']);
gulp.task('default', ['build']);

およびディレクトリ構造

|
+- dist
|
+- src 
|   |
|   +- app
|   |   |
|   |   + - example.ts

ここで実行するgulp buildと、別のapp/src内部が得られますdist。つまり、

|
+- dist
|   |
|   + - app
|        |
|        + - src 
|             |
|             + - app
|                  |
|                  + - example.js
|                  + - example.js.map
+- src 
|   |
|   +- app
|   |   |
|   |   + - example.ts   

これは私が望むものではありません。代わりに次のディレクトリ構造を作成するように gulp に指示するにはどうすればよいですか?

|
+- dist
|   |
|   + - app
|        |
|        + - example.js
|        + - example.js.map 
|
+- src 
|   |
|   +- app
|   |   |
|   |   + - example.ts 

それが必要gulp-replaceですか、それとも別のオプションがありますか？

編集：tsconfig.json次のとおりです。

{
    "compilerOptions": {
        "outDir": "dist/app",
        "target": "es5",
        "module": "commonjs",
        "moduleResolution": "node",
        "sourceMap": true,
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "removeComments": false,
        "noImplicitAny": false,
        "suppressImplicitAnyIndexErrors": true
    },
    "files": [
        "src/app/**/*.ts"
    ]
}