在Visual Studio 2015中从* .ts生成* .js

Question

当我将* .ts文件添加到Visual Studio 2015并进行编译时，* .js文件不是* .ts的代码隐藏文件。它只是驻留在文件夹中，它不是视觉工作室项目的一部分。

这是设计还是我在项目中破坏了什么？

如果是设计，背后的动机是什么？ （如果我想查看文件，我必须显示隐藏文件并最终点击刷新按钮...）

Answer 1

这是设计的 - JavaScript文件是一个构建工件，就像DLL一样。

您的想法是检入TypeScript代码并允许构建服务器创建JavaScript文件。虽然你可能正在运行＆＃34; Debug＆＃34;模式，构建服务器可以在＆＃34;发布＆＃34;模式，可能启用更多优化。

Answer 2

我不知道这是否是故意的。

如果要在项目中包含JavaScript文件，则需要手动编辑项目文件。在记事本（或您喜欢的文本编辑器）中打开它并执行以下操作;

1. 寻找

<Content Include="Scripts\yourfile.ts" />

1. 更改为

<Content Include="Scripts\yourfile.js"> <DependentUpon>yourfile.ts</DependentUpon> </Content>

现在应该引入JavaScript文件。

您将希望这是您使用Visual Studio将项目发布到部署。

Answer 3

如果要更改.js文件的输出文件夹，请考虑在源文件夹中添加 tsconf.json 文件。 这样，您就可以配置输出的.js文件的最终位置。

例如：

{ "compilerOptions": { "target": "es5", "out": "www/scripts/appBundle.js", "sourceMap": true, "removeComments": true, "sourceRoot": "/" } }

tsconfig.json 的文档可以在github上找到page。