tsify - ブラウザで表示されるファイルのみを読み取る

Question

私はtsifyを使用して、TypeScriptファイルを作成しています。しかし、現在、tsifyは、メインのTypeScriptファイル（およびその後にインポートされるファイル）に含まれるファイルではなく、ソース内のすべてのTypeScriptファイルを読み取っているようです。 tsifyのファイル数をbrowserifyに制限するにはどうすればよいですか？

ガルプタスク：

gulp.task("build", function() 
{ 
    return browserify({}) 
    .add("index.ts") 
    .plugin(tsify) 
    .transform("babelify", { 
     "presets" : ["es2015", "stage-0"] 
    }) 
    .bundle() 
    .pipe(source("index.js")) 
    .pipe(gulp.dest("www")); 
}); 

そしてtsconfig.json：

{ 
    "compileOnSave": true, 
    "compilerOptions": { 
    "lib": [ 
     "dom", 
     "es2015", 
     "es2016", 
     "es2017" 
    ], 
    "noImplicitAny": true, 
    "strictNullChecks": true, 
    "target": "es2015" 
    }, 
    "exclude": [ 
    "node_modules" 
    ] 
} 

Answer 1

tsifyはコンパイルでBrowserifyから供給されたファイルのみが含まれていると、あなたはtsconfig.jsonで空filesの配列を指定する必要がありますファイル。

{ 
    "compileOnSave": true, 
    "compilerOptions": { 
    "lib": [ 
     "dom", 
     "es2015", 
     "es2016", 
     "es2017" 
    ], 
    "noImplicitAny": true, 
    "strictNullChecks": true, 
    "target": "es2015" 
    }, 
    "files": [] 
} 

tsifyのみBrowserifyエントリ・ポイント・ファイルとコンパイルでその依存関係が含まれます。

tsconfig.jsonで他のツールを使用している場合、コンパイルに関係するファイルがわからないため、問題が発生する可能性があります。その場合は、tsconfig.jsonにエントリポイントファイルを含めるか、別の名前の設定ファイルを使用することもできます。 tsconfig-tsify.json - tsify。 （tsifyのオプションprojectオプションを使用して設定ファイルを指定できます）