TypeScript将导入编译为单个文件

时间:2017-06-05 15:49:00

标签: typescript gulp-typescript

在我的TypeScript应用程序中,我对自己的模块和节点模块使用不同的import。

每次我使用“import”时,我都希望它真正导入模块并将其编译成单个js文件。目前它看起来像这样:

main.ts:

import * as $ from "jquery";
$('body').css({'color': 'red'});

main.js(输出)

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var $ = require("jquery");
$('body').css({ 'color': 'red' });

但我想要的是,而不是var $ = require("jquery");它确实将jQuery导入到这个文件中(但前提是它没有先前导入)。

1 个答案:

答案 0 :(得分:2)

  

TypeScript将导入编译为单个文件

您需要一个模块捆绑器。例如Webpack或browserify。

更多

浏览器快速入门:https://basarat.gitbooks.io/typescript/content/docs/quick/browser.html