C#•4y ago

✅ Upgrading Javascript to Typescript in MVC project

I globally installed npm and typescript. Then created a tsconfig.json in my project. But I have no idea what to do after that.

"include": ["TypeScript"],
"compilerOptions": {
    "outDir": "./wwwroot/js",

"include": ["TypeScript"],
"compilerOptions": {
    "outDir": "./wwwroot/js",

"include": ["TypeScript"],
"compilerOptions": {
    "outDir": "./wwwroot/js",

"include": ["TypeScript"],
"compilerOptions": {
    "outDir": "./wwwroot/js",

I am trying to put my .ts files in TypeScript folder directly under the App.Web. Both TypeScript folder and tsconfig.json are right under App.Web.
(I have 2 apps in one project. App.Web and App.Api)

App.Web
    MVC structure
    TypeScript
        firsttry.ts
    tsconfig.json
App.Api

App.Web
    MVC structure
    TypeScript
        firsttry.ts
    tsconfig.json
App.Api

App.Web
    MVC structure
    TypeScript
        firsttry.ts
    tsconfig.json
App.Api

App.Web
    MVC structure
    TypeScript
        firsttry.ts
    tsconfig.json
App.Api

Installing typescript in App.Web was a torture. I gave up and installed it globally.

Anton•12/7/22, 6:15 PM

Don't know what's the best way is, I just used vite, set up a reverse proxy on the aspnet core side, and made some tag helpers that remap the links to ts files to js bundles in production

İrşatOP•12/7/22, 6:15 PM

Umm... english?

Anton•12/7/22, 6:16 PM

I have a local development server for serving the static files (vite)

İrşatOP•12/7/22, 6:16 PM

I see. I want the other ways then

Anton•12/7/22, 6:16 PM

the aspnet core server uses a reverse proxy to reroute the requests it doesn't know about to it

Anton•12/7/22, 6:16 PM

aka static files

Anton•12/7/22, 6:16 PM

in development

İrşatOP•12/7/22, 6:16 PM

ts files are compiled and transformed into js files to be used by the app later right?

Anton•12/7/22, 6:17 PM

transpiled, minimized and bundled

Anton•12/7/22, 6:17 PM

I copy them in my publish script (using Nuke)

İrşatOP•12/7/22, 6:17 PM

In this case it should have a small code to transform all of them in one go. For this I need a root folder for ts files and output folder for transformed js files right?

İrşatOP•12/7/22, 6:18 PM

I see. But I don't want to make it too complicated

Anton•12/7/22, 6:19 PM

then you'll have to do builds manually

İrşatOP•12/7/22, 6:19 PM

alright.

Anton•12/7/22, 6:19 PM

setting up msbuild to do this is insanity

Anton•12/7/22, 6:19 PM

copying files in a batch or shell script is a pain and is not portable

İrşatOP•12/7/22, 6:19 PM

I mean, I saw something like "tsc: build" on internet. Had no luck finding it though

İrşatOP•12/7/22, 6:20 PM

in ctrl shift p

Anton•12/7/22, 6:20 PM

Nuke is pretty easy to use, take a look at it eventually

İrşatOP•12/7/22, 6:20 PM

okay i will

İrşatOP•12/7/22, 6:20 PM

I just wanted to learn the normal way of doing it first

İrşatOP•12/7/22, 6:20 PM

most primordinal one

İrşatOP•12/7/22, 6:20 PM

so i can grasp it better

Anton•12/7/22, 6:21 PM

https://github.com/AntonC9018/49/blob/main/build/Build.cs#L73

GitHub

49/Build.cs at main · AntonC9018/49

Contribute to AntonC9018/49 development by creating an account on GitHub.

Anton•12/7/22, 6:21 PM

yeah there may be tools for it that do typescript in another way

İrşatOP•12/7/22, 6:22 PM

I guess I forgot to mention it. I am doing "npx tsc firsttry.ts". If they are all in root folder, it works. But I have problem with giving locations. It says it can't find it

İrşatOP•12/7/22, 6:22 PM

error TS6053: File 'index.ts' not found.
The file is in the program because:
Root file specified for compilation

Anton•12/7/22, 6:23 PM

Idk, haven't used raw typescript, only used vite

İrşatOP•12/7/22, 6:24 PM

I see, no problem. I will wait for an another kind soul I guess

Thanks for the try!

İrşatOP•12/7/22, 6:26 PM

npx tsc TypeScript/index.tsnpx tsc TypeScript/index.ts
I see, it still needs the location. It transformed it but outDir is not working.

İrşatOP•12/7/22, 6:26 PM

I want it to send it to wwwroot/js

Anton•12/7/22, 6:27 PM

there might be some option for it, or a setting in a config file

İrşatOP•12/7/22, 6:28 PM

found it

İrşatOP•12/7/22, 6:28 PM

no, you CAN'T DO THIS TO ME!!!

İrşatOP•12/7/22, 6:28 PM

it's just tsc

İrşatOP•12/7/22, 6:28 PM

"tsc"

İrşatOP•12/7/22, 6:28 PM

done

İrşatOP•12/7/22, 6:30 PM

what happens is basically it reads tsconfig.json. When I write "tsc TypeScript/index.ts", it doesn't read it or something and hence puts the js file right next to it.

İrşatOP•12/7/22, 6:31 PM

tsconfig.json has "include" which tries to find .ts files to compile. Then puts them in "outDir" location. smh!

AccordAPP•12/7/22, 6:38 PM

Closed!

✅ Upgrading Javascript to Typescript in MVC project

Similar Threads

Similar Threads

Similar Threads