Embedding Project with Typescript into another project

Question

I have a Visual Studio project that uses Typescript. This projects gets compiled into a dll and then referenced in the main project. This works fine for all normally compiled files, but I am hitting an issue when it comes to transpiled javascript files.

The sub project has the following in the .csproj file

<Target Name="AfterClean">
    <ItemGroup>
      <EmbeddedResource Include="**\*.html;**\*.cshtml;**\*.css;**\*.js;**\*.map;**\*.jpg;**\*.png" />
    </ItemGroup>
  </Target>

This will include the .js files in the project when a Rebuild Solution is run, but it will not include the .js files when a normal build or a "Run" from Visual studio is used.

I believe the issue is to do with timings, I want the embedding to occur after the typescript transpile has happened, but before the dll is included in the main project.

I have tried the following options "BeforeBuild", "AfterBuild", "BeforeResolveReference", "AfterResolveReferences", "BeforeResGen" and "AfterResGen". - Found from a msdn article here

Ideally I would like to add a DependsOnTargets=TypeScript compile to my embedding task so it forced the embed to happen after the transpile, but the typescript compile does not appear to be a target as it just appears like this in the .csproj file, so I don't believe this is possible

<ItemGroup>
    <TypeScriptCompile Include="app\app.module.ts" />
    ...
 </ItemGroup>

Any ideas would be greatly appreciated

(I am using Visual Studio 2015 Update 3 and Typescript 1.8)

EDIT: The build server does not have tsc on the PATH so I am unable to call tsc from a prebuild event

engineforce · Accepted Answer · 2016-07-08 11:49:49Z

1

I have tried to do similar thing, the solution works for me is use TypeScript command line to compile TypeScript in the pre-build event.

<PropertyGroup>
    <PreBuildEvent>
        tsc $(ProjectDir)\Scripts\references.d.ts
        // or compile tsconfig.json if you use TypeScript 1.8
        // tsc --project $(ProjectDir)\Scripts\
    </PreBuildEvent>
</PropertyGroup>

Then add following target element for BeforeBuild:

<Target Name="BeforeBuild" DependsOnTargets="PreBuildEvent">
    <ItemGroup>
        <EmbeddedResource Include="**\*.js" />
    </ItemGroup>
</Target>

You can find more information about tsconfig.json here.

edited Jul 8, 2016 at 11:49

answered Jul 8, 2016 at 11:33

engineforce

3,0701 gold badge25 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

martpendle Over a year ago

is references.d.ts a file you made? or do I have to list each ts file I want compiling? references.d.ts looks like a definition file, but Im not sure how it is made? Thanks

engineforce Over a year ago

It is a typescript project file which reference all typescript files; You should try use tsconfig.json if you are using TypeScript 1.8. You don't need to use typescript project file if you don't mind passing all files to the tsc command line. E.g., tsc $(ProjectDir)\Scripts\file1.ts $(ProjectDir)\Scripts\file2.ts ...

engineforce Over a year ago

Sorry for the confusion, tsconfig.json replace the need for references.d.ts, they both meant to organize typescript files. Please refer to typescriptlang.org/docs/handbook/tsconfig-json.html for more information.

engineforce Over a year ago

And you can learn how to use TypeScript command line from typescriptlang.org/docs/tutorial.html and typescriptlang.org/docs/handbook/compiler-options.html

engineforce Over a year ago

You can add it to your path, right? Typically, tsc is located at C:\Program Files (x86)\Microsoft SDKs\TypeScript\1.8

|

Collectives™ on Stack Overflow

Embedding Project with Typescript into another project

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related