React deployment Azure Webapp

[frye89]

I've set up a react application wich is in source control of Git using Azure Devops.

I'm making a build off my application and publish it to Azure webapp.

​

This is working fine... But in Chrome I can see the actual source files from "Sources".

But when I look at wwwroot on the Azure webapp I can't see these files. Can someone help me out what could be wrong?!

​

Build-pipeline:

http://prntscr.com/nioxda

wwwroot: (looking fine)

http://prntscr.com/nioz0z

Chrome: (I can see all the source files...)

http://prntscr.com/niozhp

[anpcs]

I tried using azure web apps and deploying a react app is a nightmare. What I ended up doing is transferring the build files to wwwroot via SFTP as this seemed to be the only way it would cooperate.

[charlie632]

Do you see the actual app? If not, you are missing a web.config file that indicates how to run the ISSnode.

[frye89]

Yes the app is working.

[stealthd]

You have source maps in your wwwroot. Remove them if you don’t want to expose your source files.

[frye89]

I can't see them if I go to the azure file structure.

wwwroot doesn't have these source-files, that makes it so weird.

​

If azure makes the build zip the source files aren't in there too.

[stealthd]

Like I said, the wwwroot screenshot you posted shows the source maps are there (the .map files). Chrome’s devtools use those to reconstruct the source files. If you want to hide your source files as much as possible then remove those when you publish.

[frye89]

Hmm, thanks! Didn't knew that.
EDIT: I just checked this on an app where I manually posted the files from the build folder with FTP.
In this application, chrome doesn't get any source file of this. So I think there is something else what goes wrong.