IntelliJ的打字稿捆绑和参考

时间:2015-10-17 21:28:10

标签: intellij-idea typescript

我目前正在尝试使用IntelliJ开发,我的问题是,对于每个打字稿文件,我必须添加对该文件中使用的所有内容的显式引用。

此外,TS-> JS的转换输出也需要单独引用。

有没有办法减轻这里的摩擦? 不必处理文件之间的引用会很好。 而TS文件的某种捆绑也很不错。

1 个答案:

答案 0 :(得分:1)

不确定您是否可以避免引用,但我使用的是requirejs,它使代码看起来像java / c#,intellisense正常工作

的index.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <!-- 
You can add only this line, all other js files require js will add automatically at runtime. 
data-main is an entry point -> app.js in this case 
-->
    <script src="require.js" data-main="app"></script>
</head>
<body></body>
</html>

app.ts

import module1 = require("module1");
import module2 = require("module2");
var class1 = new module1.Class1();
var class2 = new module2.Class2();

module1.ts

export class Class1{

    constructor() {
        console.log("Class1 created")
    }
}

module2.ts

export class Class2{
    constructor() {
        console.log("Class2 created")
    }
}

当然,您必须将require.js添加到项目中,并在Idea Settings中添加“--module amd” - &gt; Languages&amp;框架 - &gt; TypeScript - &gt;命令行选项 enter image description here 这种方式更具可读性,您可以看到使用外部代码的位置,您可以清理未使用的导入,以及编写模块化代码的另一个好处。