2

tscコマンド ラインから実行する.jsと、、、.mapおよび.d.tsファイルが作成されます。

C:\Users\{user}\Documents\My Projects\BEPS\angular2-soap>tsc -version
Version 1.8.10

...しかし、次の関数を呼び出すと、ファイルがディレクトリに作成/コピーされないGulpことを除いて、すべてが機能します。.d.ts./app/

gulp.task('compile-typescript', function () {
    var sourcemaps = require('gulp-sourcemaps');
    var typescript = require('gulp-typescript');
    var typescriptCompiler = typescript({typescript: require('typescript')});
    var typescriptProject = typescript(typescript.createProject('tsconfig.json'));

    var tsResults = gulp.src(['!./src/**/spec*.ts', './src/**/*.ts'])
        .pipe(typescriptProject)
        .pipe(sourcemaps.init())
        .pipe(sourcemaps.write('../map/'))
        .pipe(gulp.dest('./app/'))
        .pipe(typescriptCompiler).dts.pipe(gulp.dest('./app/'));

    return tsResults;
});

package.json私のファイルからのスニペット:

"devDependencies": {
   "autoprefixer": "6.3.6",
   "concurrently": "2.0.0",
   "cssnano": "3.5.2",
   "del": "2.2.0",
   "gulp": "3.9.1",
   "gulp-ext-replace": "0.3.0",
   "gulp-imagemin": "2.4.0",
   "gulp-postcss": "6.1.0",
   "gulp-sourcemaps": "1.6.0",
   "gulp-typescript": "2.13.0",
   "http-server": "0.9.0",
   "jasmine-core": "2.4.1",
   "karma": "0.13.22",
   "karma-chrome-launcher": "0.2.3",
   "karma-jasmine": "0.3.8",
   "karma-spec-reporter": "0.0.26",
   "lite-server": "2.2.0",
   "postcss": "5.0.19",
   "postcss-scss": "0.1.7",
   "precss": "^1.3.0",
   "run-sequence": "1.1.5",
   "systemjs": "0.19.26",
   "typescript": "latest",
   "typings": "0.8.1"
 },

私のtsconfig.jsonファイル:

{
  "compileOnSave": true,
  "compilerOptions": {
    "target": "ES5",
    "module": "System",
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": true,
    "noImplicitAny": true,
    "declaration": true,
    "sourceMap": true,
    "mapRoot": "map/",
    "diagnostics": true
  },
  "exclude": [
    "node_modules",
    "typings"
  ]
}

dts私がする必要があるのは、パイプを使用してタイピングファイルを送信することだけだと思いました./app/

私は何を見逃していますか/間違っていますか? ありがとう！

t34t5 からの提案を適用しようとしています:

gulp.task('compile-typescript', function () {
    var sourcemaps = require('gulp-sourcemaps');
    var typescript = require('gulp-typescript');
    var project = typescript.createProject('tsconfig.json', {declaration: true});
    var merge = require('merge2');

    var tsResults = gulp.src(['!./src/**/spec*.ts', './src/**/*.ts'])
        .pipe(sourcemaps.init())
        .pipe(typescript(project))
        .pipe(sourcemaps.write('../map/'));

    return merge([
        tsResults.dts.pipe(gulp.dest('./app/')),
        tsResults.js.pipe(gulp.dest('./app/'))
    ]);
});

アクセスエラーが発生しますtsResults.dts：

TypeError: Cannot read property 'pipe' of undefined

私の推測では、sourcemapsストリームは使用されているものです(ストリームではありませんtypescript)...これは意味がありますか? もしそうなら、私はそれを修正するために何ができますか?

.js以下はとファイルの両方を生成し.d.tsます - ファイルも生成しようとしていないから.mapです:

gulp.task('compile-typescript', function () {
    var typescript = require('gulp-typescript');
    var project = typescript.createProject('tsconfig.json', {declaration: true});
    var merge = require('merge2');

    var tsResults = gulp.src(['!./src/**/spec*.ts', './src/**/*.ts'])
        .pipe(typescript(project));

    return merge([
        tsResults.dts.pipe(gulp.dest('./app/')),
        tsResults.js.pipe(gulp.dest('./app/'))
    ]);
});
4

3 に答える 3

1

js ファイルと型定義ファイルの両方を書き込むには、merge などを使用する必要があると思います。私は間違っているかもしれませんが、最初の gulp.dest() の後にストリームが閉じるので、dts パイプを介して何も送信されないと思います。gulp typescriptのreadme ファイルを見てください。基本的な使用セクションの下。

更新: tsconfig ファイルを使用して、以下を機能させることができました。ただし、typescript ソース ファイルは 1 つしか使用していませんでした。これにより、.js、.d.ts、および .map ファイルが生成されました。

gulp.task('compile-typescript', function () {
    var typescript = require('gulp-typescript');
    var project = typescript.createProject('tsconfig.json', {declaration: true});
    var merge = require('merge2');

    var tsResults = gulp.src(['!./src/**/spec*.ts', './src/**/*.ts'])
        .pipe(sourcemaps.init())
        .pipe(typescript(project);

    return merge([
        tsResults.dts.pipe(gulp.dest('./app/')),
        tsResults.js.pipe(sourcemaps.write('./app/')).pipe(gulp.dest('./app/'))
    ]);


});
于 2016-04-29T19:39:45.287 に答える
1

以下は、私が求めている効果を達成しますが、.tsソースファイルを2回コンパイルする必要があります(ファイル.jsと.mapファイルを生成するために1回、ファイルを生成するために1回.d.ts) 。

gulp.task('compile-typescript', function () {
    var sourcemaps = require('gulp-sourcemaps');
    var typescript = require('gulp-typescript');
    var merge = require('merge2');

    var src = gulp.src(['!./src/**/spec*.ts', './src/**/*.ts']);
    var dst = gulp.dest('./app/');

    var jsMap = src.pipe(typescript(typescript.createProject('tsconfig.json')))
                   .pipe(sourcemaps.init())
                   .pipe(sourcemaps.write('../map/'));

    var dts = src.pipe(typescript(typescript.createProject('tsconfig.json')));

    return merge([
        jsMap.pipe(dst),   // writes .js and .map files
        dts.dts.pipe(dst)  // writes .d.ts files
    ]);
});

冗長性があるため、このアプローチには不満です-最適化の提案は大歓迎です。

于 2016-05-01T20:03:29.323 に答える
0

2 つではなく、1 つの typescript コンパイラを使用する必要があります。

var typescriptProject = typescript.createProject('tsconfig.json', {
  typescript: require('typescript'), 
  declaration: true,
});

var tsResults = gulp.src(['!./src/**/spec*.ts', './src/**/*.ts'])
    .pipe(sourcemaps.init())
    .pipe(typescript(typescriptProject))
    .pipe(sourcemaps.write('../map/'))
    .pipe(gulp.dest('./app/'));
于 2016-04-29T20:06:39.347 に答える