javascriptとtypescriptを1つのバンドルにコンパイルするにはどうすればよいですか？

Question

私はjsファイルとtsファイルの両方を持っているプロジェクトで作業しています。それらは1つのバンドルファイルにマージされるはずです。

私は一口-typescriptですし、私の設定を使用していますが、以下のようになります。

  gulp.src(cfg.ts_src) 
        .pipe(sourcemaps.init()) 
        .pipe(typescript({ 
         allowJs: true, 
         declaration: false, 
         diagnostics: false, 
         emitDecoratorMetadata: true, 
         experimentalDecorators: true, 
         module: "system", 
         moduleResolution: "classic", 
         noImplicitAny: true, 
         outFile: "./" + cfg.file, 
         preserveConstEnums: true, 
         pretty: true, 
         removeComments: true, 
         rootDir: "./static/" + cfg.dest, 
         target: "es5", 
        })) 
       .pipe(sourcemaps.write('.', { sourceRoot: "/static/", includeContent: false })) 

私が持っている問題はconfigutationが唯一のjsファイルが含まれている場合、それは、コードのバンドルを作成することです。しかし、設定にjsファイルとtsファイルの両方がある場合、typescriptはjavascriptファイルを無視し、tsファイルのみをコンパイルします。

jsファイルとtsファイルの両方のコードを含むバンドルを作成できますが、tsファイルのソースマップも引き続き使用できますか？

Answer 1

まず、すべてのTSファイルをコンパイルしてtemp dirに入れて、すべてのファイルを他のすべてのJSファイルとバンドルしてください。 また、すべてのソースマップファイルを最終ディレクトリにコピーします。

Answer 2

古いバージョンのgulp-typescriptを使用しているようです。たぶんこれは問題ですか？

gulp.task('build.js.dev',() => 
{ 
    var tsProject = ts.createProject('tsconfig.json', { 
     typescript: require('typescript') 
    }); 

    var tsResult = tsProject.src() 
     .pipe(sourcemaps.init()) 
     .pipe(tsProject()); 

    return merge([ 
     //Write definitions 
     //tsResult.dts.pipe(gulp.dest(TEMP_TARGET_FOLDER)), 
     //Write compiled js 
     tsResult.js.pipe(sourcemaps.write(
      ".", 
      { 
       includeContent: true, 
       sourceRoot: __dirname + "/dist" 
      })).pipe(gulp.dest(TEMP_TARGET_FOLDER))]); 
}); 

注パーツ：あなたはより多くのサンプルのためにゴクゴク-typescriptですドキュメントを参照することができますtsResult.js.pipe(sourcemaps.write(

以下は、私の作品とコンパイルTS +地図や任意の生JSの両方を発するタスクがあります。

のTSconfigはあなたのオプションにかなり似ています

{ 
"compilerOptions": { 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "moduleResolution": "node", 
    "module": "commonjs", 
    "target": "es6", 
    "sourceMap": true, 
    "outDir": "dist", 
    "declaration": false, 
    "allowJs": true, 
    "jsx": "react", 
    "forceConsistentCasingInFileNames": true, 
    "types": [ 
     "node", 
     "jasmine" 
    ] 
}, 
"exclude": [ 
    "./node_modules", 
    "./dist", 
    "./.vscode" 
] 
} 

は、この情報がお役に立てば幸いです。