【问题标题】:TypeScript compile import's into a single fileTypeScript 将导入的文件编译成单个文件
【发布时间】:2017-11-06 10:47:19
【问题描述】:

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

每次我使用“导入”时,我都希望它真正导入模块并将其编译为单个 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 导入到这个文件中(但前提是它之前没有被导入)。

【问题讨论】:

  • 您的意思是import "jquery" 会将jquery 导入全局范围吗? “导入此文件”是什么意思?这有点模棱两可。
  • 复制 jquery.js 到 main.js
  • 我怀疑是否可以通过打字稿,因为它不是真正的导入,它听起来更像是两个文件的连接。而且我认为这会让调试变得更加困难
  • 我很确定 webpack 或 browserify 是我需要的。我想知道这不是 TypeScript 编译器的一部分吗?

标签: typescript gulp-typescript


【解决方案1】:

TypeScript 将导入的文件编译成单个文件

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

更多

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

【讨论】:

  • 提到 browserify ?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-03-29
  • 2012-10-07
  • 2014-12-20
  • 2019-07-17
  • 1970-01-01
  • 1970-01-01
  • 2016-12-05
相关资源
最近更新 更多