ship blazor app package in spfx cdn app folder

[omarceloribeiro]

Currently the blazor app is hosted in SiteAssets library.
Change to ship the blazor app within the spfx solution package

[omarceloribeiro]

using the webpart properties to inform the url of blazorapp folder until figure out how to package blazor assets to appcatalog with the same folder structure

[omarceloribeiro]

found out that needs to compile and package the blazor app with a custom webpack loader, like
angular2-template-loader Loads and compiles Angular Components

[omarceloribeiro]

using file-loader as webpackloader

[omarceloribeiro]

opened the issue
SharePoint/sp-dev-docs#9150

I am trying to deploy files to a subfolder in ClientSideAssets but is not working.
The file is shown in correct path inside .sppkg, in the correct subfolder inside ClientSideAssets.
also in xml ClientSideAssets.xml.rels the attribute Target is poiting to the subfolder I want,
but still when add the packge to AppCatalog the files goes always to the root folder (inside the feature folder)

<?xml version="1.0" encoding="utf-8"?>
<Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships">
    <Relationship
        Type="http://schemas.microsoft.com/sharepoint/2012/app/relationships/partconfiguration"
        Target="/ClientSideAssets.xml.config.xml" Id="r3"></Relationship>
    <Relationship
        Type="http://schemas.microsoft.com/sharepoint/2012/app/relationships/clientsideasset"
        Target="/ClientSideAssets/blazorapp1/sample-data/weather.json"  Id="r4"></Relationship>

    ....
</Relationships>

[omarceloribeiro]

Answer:

The folder "ClientSideAssets" in the SPPKG is not the actual representation of the folder that is uploaded to the App Catalog. Instead, the ClientSideAssets.xml.rels points to a list of files within the SPPKG and these files always get uploaded as a flat list to ClientSideAssets/ in the App Catalog. The ClientSideAssets/ folder that's inside the package is just for organization/debugging.

Given the first issue, there's not a way to actually upload anything into a subfolder in ClientSideAssets/. So, my recommendation here (for now) would be to instead, separately deploy the Blazor app to a CDN and then reference the CDN from your web part code when loading the Blazor app. You would probably want to also add versioning on the CDN (i.e. https://somecdn.com/v1.1.0/blazorapp1/...).

The team has been exploring Blazor, but we don't have an officially recommended support path for it yet. Since this is a feature you are interested in SPFx having support for, I'd also recommend filing a UserVoice ticket.