Play中的TypeScript模块分辨率如何工作？

Question

I'd like to use Angular 2 with TypeScript in my Play project. I'm using the sbt-typescript plugin and the angular2 WebJAR. When Play extracts the WebJAR, it puts it in target/web/public/main/lib/angular2 . What I should be able to do in my app/assets/js/components/test.ts file is something like

import {Component} from 'angular2/core';

but tsc is unable to resolve that, and I don't see any setting to tell it where to look.

Is this even currently possible? Would having a child project for just the TypeScript stuff make it easier?

Answer 1

It is in fact currently possible to resolve Javascript/Typescript modules from your webjars dependencies. I've created a demo Play application that shows how.
See https://github.com/joost-de-vries/play-angular2-typescript

It uses a different sbt-typescript plugin that customises the module resolution. Thus working around the shortcoming that bpervan mentions.

Answer 2

I've struggled with same issue for a while, until I found that, currently, it is not possible.

See: https://github.com/ArpNetworking/sbt-typescript/issues/33

Current version of TypeScript transpiler does not support custom paths for module resolution, and, as it seems, it won't until version 2.0. You can check it out on official TypeScript Roadmap on their github repo (I'd love to paste link here, but SO doesn't allow me)

I guess, for now, that the only way to use angular2 with TypeScript in Play project is to let npm resolve dependencies for tsc. You may still use WebJars in Scala templates (SuperManitu left a link for his template in 1 , check it out (again, can't paste link, sorry))