Spring boot、maven、AngularJS 2、打字稿和实时重载

Posted 2023-02-27

【中文标题】Spring boot、maven、AngularJS 2、打字稿和实时重载

【英文标题】：Spring boot, maven, AngularJS 2, typescript and live reload

【发布时间】：2016-01-25 18:48:14

【问题描述】：

我正处于应用程序开发的学习阶段。服务器端开发已经开始，Spring boot 和Maven。现在，我正在研究开发客户端的可能选项。

我想使用 Angular 2（我知道它仍处于 alpha 阶段），但我在 javascript 和 typescript 版本之间犹豫不决。我知道带有javascript 版本的live reload 应该可以很好地与ma​​ven spring-boot run 配合使用（理论上），这对生产力有很大帮助。我想知道是否有办法让typescript 版本的Angular 也有live reload。有没有人设法在自己的项目中实现它？如果是，你是怎么做的？

我在 maven-typescript-plugin 上没有找到任何关于此的文档

客户端的构建系统也将是Maven。

编辑：打字稿调试有没有简单的方法，还是很痛苦？

【参考方案1】：

一种方法是添加一个监视，以便在任何文件更改时自动触发。例如，尝试将以下内容添加到您的 package.json 文件中：

  "scripts": 
    "tsc": "tsc -p src -w"
  

正如Quickstart for Angular 2（字面意思）所说，当您在应用程序文件夹的根目录中打开终端窗口并输入时，这将被激活：

npm run tsc

脚本设置编译器监视选项 (-w)，以便编译器在完成时保持活动状态。它监视对 .ts 文件的更改并自动重新编译它们。

考虑到这会输出普通的 .js 文件，您可以使用您熟悉的工具重新加载页面。

【讨论】：

看起来很有希望！你知道 Angular 2 是否使用源映射，这样我就可以直接调试我的 ts 源而不是调试生成的 js 源？

当然，与任何其他 Javascript 框架或工具一样，Angular2 和 TypeScript 都支持源映射，因为这可以在您的构建脚本中设置。除此之外，出于开发目的，您可以简单地将 TypeScript 转译器添加到您的 html 中，从而允许您使用本机 .ts 而不是编译后的 .js。这也首先演示了in the Quickstart。

非常感谢，你说服了我！