Aurelia + JSPM + Typescript浏览器端调试

时间:2017-01-19 21:45:39

标签: aurelia systemjs jspm aurelia-framework

我一直在试验Aurelia构建选项与开发/构建工作流程。我们得出的结论是,我们希望开发人员在捆绑网站时测试网站,而不是将所有单个文件提供给浏览器。此外,我们正在使用TypeScript。我们希望拥有源映射提供的浏览器端调试体验。我正在处理具有许多Aurelia组件的大型应用程序,因此在活动开发更改/刷新或监视周期期间刷新页面的几秒钟似乎会加起来。似乎如果开发人员在捆绑中工作,将立即发现捆绑问题。

使用Aurelia-cli(v23),并使用TypeScript创建一个新项目,然后构建创建RequireJS包和源映射适用于浏览器调试。也就是说,在运行au run

之后

使用skeleton-typescript-webpack启动项目(两周前下载),然后运行npm start还提供浏览器端调试webpacked包的打字稿。

使用使用jspm和systemjs的skeleton-typescript,运行gulp serve-bundle不提供客户端打字稿调试。但是,gulp serve确实提供了客户端调试,但该站点未捆绑。这些gulp任务之间的唯一区别是该网站是捆绑的,而非捆绑的。

所以似乎打包捆绑网站的打字稿源地图客户端调试将适用于Aurelia-cli和webpack,但不适用于jspm。

我们的项目是基于skeleton-typescript开始的。在我们重构构建工作流之前,我试图找出如何让jspm支持浏览器上的打字稿调试。

我已经在网上搜索,但没有找到任何明确的方向,并且通过试错方法对配置设置进行了大量实验,但似乎无法获得捆绑的jspm站点以允许客户端打字稿调试经验。

这是jspm或systemJS或Aurelia-Bundler的限制吗?或者是否有一些配置设置,在config.js或bundles.js中,我需要添加到skeleton-typescript启动项目以使其工作?

1 个答案:

答案 0 :(得分:0)

也许您无法访问源地图。我不确定,我不知道如何生成源映射的方式(内联,特定文件夹中的文件),并在服务器中添加映射路径以使其可访问。

https://github.com/aurelia/skeleton-navigation/blob/master/skeleton-typescript-aspnetcore/src/skeleton/Startup.cs#L69-L74

相关问题