4

を実行するtscと、すべてが完全に正常に実行されます。ただし、ノード モジュールから他の typescript モジュールをインポートする方法を理解できません。

これは、gulp ファイルの重要な部分です。

gulp.task('compile-ts', ['clean'], function(){
  var sourceTsFiles = [
    config.allTs,
    config.typings
  ];

  var bundler = browserify({
    basedir : "src",
    debug : true})
    .add("app.ts")
  //.add("typings/tsd.d.ts")
  .plugin(tsify);

  return bundler.bundle()
        .pipe(source("bundle.js"))
        .pipe(gulp.dest("build"))
        .pipe(buffer())
        .pipe(sourcemaps.init({loadMaps: true}))
        .pipe(sourcemaps.write({includeContent: false, sourceRoot: 'src'}));

});

使うときは、

import {DataRepository, List} from "tsmvc";

tsmvctypescriptモジュールノードモジュールはどこですかcannot find module tsmvc..Atomは文句を言わず、インテリセンスを表示します.tscは文句を言いませんが、tsifyは文句を言います. 誰かが似たようなことをしているgulpファイルを指摘したり、プロセスを説明したりできますか?

github リポジトリは次のとおりです: https://github.com/Davste93/typescript-mvc-consumer/blob/master/gulpfile.js

4

1 に答える 1

1

のバージョン 0.15.3 より前ではtsify、TypeScript ファイルを 内からインポートすることはできませんでしたnode_modules。

内部的に、tsifyプラグインは変換を作成し、Browserify はnode_modules非グローバル変換の下でファイルを変換しません。のバージョン 0.15.3tsifyでは、globalオプションが追加され、次のように指定できます。

var bundler = browserify({
    basedir: "src",
    debug: true
})
.add("app.ts")
.plugin(tsify, { global: true });
于 2016-08-08T08:47:16.437 に答える