none
vs2017怎么将ts文件编译成js文件? RRS feed

  • 问题

  • 新建一个html,然后新建一个ts文件,写了如下代码

    let text1: string = "dfgdfg";
    function getRankIcon() {
        alert(text1);
    }

    <!DOCTYPE html>
    
    <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <script  src="file1.ts"></script>
        <meta charset="utf-8" />
        <title>测试</title>
    </head>
    <body>
         <input type="button" value="单击" onclick="getRankIcon();"  />
      
       
    </body>
    </html>

    想要使用alert函数输出“text1”变量里的内容,但是点击按钮无任何情况发生。查了一下,是说ts编译的时候会生成相应的js文件,可是怎么编译?启动按钮那里只有一个"附加"

    我是初次学typescript,但是学过js和c#,在有面向对象的基础下,我想直奔html与ts程序的"交互",网上有ts教程,但是ts与html交互的教程似乎很少。(例如用ts代码的变量接受html页面的某个text标签的value属性,或者把ts的string类型变量赋值给html页面的某个text标签的value属性之类的)

    2017年7月8日 13:26

答案

全部回复

  • 假設我目錄下有一個資料夾叫做 js

    我在這資料夾新增一個 test.ts 

    接著到這個目錄下  命令提示字元 執行 tsc test.ts 這樣就會產出 .js 了。



    2017年7月9日 7:46
  • 另外一種方式

    在目錄下新增一個 tsconfig.json

    將以下 json 貼入之後,你新增完 .ts 儲存後就會產生 .js 另外他還會幫你產生一個 .map 檔。

    {
      "compileOnSave": true,
      "compilerOptions": {
        "noImplicitAny": false,
        "noEmitOnError": true,
        "removeComments": false,
        "sourceMap": true,
        "target": "es5"
      },
      "exclude": [
        "node_modules"
      ]
    }

    參考:

    https://stackoverflow.com/questions/43149606/typescript-support-for-visual-studio-2017

    2017年7月9日 8:31
  • 如果是用Visual Studio开发Web项目,会自动根据ts文件生成对应的js文件。

    默认情况下,添加A.ts文件,会在相同的文件夹中增加一个A.js.map文件,TS编译器生成A.js文件。

    如果需要做一些定制,则需要了解A.js.map文件的格式的参数。


    专注于.NET ERP/CRM开发框架,C/S架构,SQL Server + ORM(LLBL Gen Pro) + Infragistics WinForms

    2017年7月10日 0:26