Razor 类库 添加对 css 的引用,将 js 添加到主项目主



有没有办法在创建 Razor 类库时,在那里你有 js,css 它会自动从 Blazor 应用程序在 _Host.cshtml 中添加引用链接?

简而言之,我不想将我的 Css/js 从我的剃刀类库添加到另一个 blazor 应用程序 主机(布局(

将依赖项放在库的wwwroot文件夹中。

在您的_Host.cshtml中添加css和脚本链接到您的库内容:

<!DOCTYPE html>
<html>
<head>
...
<link href="_content/Aguacongas.AwsComponents/styles.css" rel="stylesheet" />
</head>
<body>
<app>
</app>
<script src="_content/Aguacongas.AwsServices/main.bundle.js"></script>
<script src="_framework/blazor.server.js"></script>
</body>
</html>

在此示例中,我添加了来自 Aguacongas.AwsComponents库的 css 和来自 Aguacongas.AwsServices库的脚本。

对于 Blazor WASM,在索引.html或任何其他 html 主机页中执行相同的操作。

如果我正确理解了这个问题并且 fwiw(它的价值(,我必须同意必须手动将 RCL 依赖项(如 JS 模块(复制到主机项目,以便实例化表面上由 RCL 提供的对象打破了自包含 UI 库的想法。不是。

例如,如果 RCL 提供了一个"寻呼机"JS 对象,而主机 JS 无法做到

let pager = new Pager()

然后,如果不编写安装脚本,就无法将 RCL 打包为 NuGet 安装(我什至不确定是否可以在那里完成(,更糟糕的是,将 JS 文件任意填充到主机项目的未知文件结构中。

据说静态资源可以嵌入到 RCL 中,但在 JS 的情况下,似乎没有任何方法可以直接从主机自己的脚本引用所述资源。

IMO 大大降低了 RCL 相对于视图组件或部分视图的有用性,因此......

如果有人知道如何完成此操作,我将不胜感激:-(

最新更新