Preamble

I can get this to work but I'm not sure I'm using the technology as Microsoft intended.

Context

A web page can refer to a JS file containing JavaScript by means of a reference tag like this:

<script src="Scripts/jquery.js"></script>

In the above example, the JS file is part of a Visual Studio ASPX.NET project. It was both placed in the project Scripts folder and added to the project by Nuget.

Having added a Typescript file to an existing ASP.NET project, I would like to use the generated JS from an ASPX web page.

Instructing Solution Explorer to show all files reveals that the expected JS file has indeed been generated on the expected path.

Am I using this correctly? What is the remended method?

There are a couple of ways one might go about things.

• Refer directly to the generated JS file

I was concerned that files not part of a project would be excluded from a web server deployment, but have since determined that they are deployed.

• Add some kind of reference to the Typescript file

It would be great if there were some syntax for a reference to the TS file that will be transformed into a script tag referring to the generated JS file. Alas, if this exists it's not very well publicised.

Preamble

I can get this to work but I'm not sure I'm using the technology as Microsoft intended.

Context

A web page can refer to a JS file containing JavaScript by means of a reference tag like this:

<script src="Scripts/jquery.js"></script>

In the above example, the JS file is part of a Visual Studio ASPX.NET project. It was both placed in the project Scripts folder and added to the project by Nuget.

Having added a Typescript file to an existing ASP.NET project, I would like to use the generated JS from an ASPX web page.

Instructing Solution Explorer to show all files reveals that the expected JS file has indeed been generated on the expected path.

Am I using this correctly? What is the remended method?

There are a couple of ways one might go about things.

• Refer directly to the generated JS file

I was concerned that files not part of a project would be excluded from a web server deployment, but have since determined that they are deployed.

• Add some kind of reference to the Typescript file

It would be great if there were some syntax for a reference to the TS file that will be transformed into a script tag referring to the generated JS file. Alas, if this exists it's not very well publicised.

• javascript
• asp
• typescript

Share Improve this question Follow edited Jan 28, 2016 at 2:59 Peter Wone asked Jan 19, 2016 at 22:47 Peter WonePeter Wone 18.9k1414 gold badges9595 silver badges148148 bronze badges 2

• you should observe your page over the browser and inspect if the rendering process (server-side) has generated the reference... if it does - you don't need to do anything.. if you are missing that reference (as an HTML document) YOU SHOULD ADD IT MANUALLY – ymz Commented Jan 19, 2016 at 22:56
• There are a number of ways to do this, from using an HTTP handler to serve the piled JS when a request for the TS is made, to just typing in the reference using a standard <script src=" element into your HTML file. You might want to look into the Bundling and Minification feature of ASP.NET also. – Heretic Monkey Commented Jan 19, 2016 at 23:08

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 4

In VS2015, dragging the TS file onto an HTML or ASPX page in the editor will insert a link tag referring to the corresponding JS file.

DO NOT use server URL rewriting to remap references to the TS file to the JS file. This interferes with VS and browser debug support via source map files.