跳至内容

在应用程序中安装 Strada

Strada 可以通过 Strada 可分发脚本直接在应用程序的 <head> 中以编译形式引用,也可以通过 npm 通过 esbuild 等捆绑器引用。

先决条件:安装 Stimulus

Strada 利用 Stimulus,并且核心 BridgeComponent 类是 Stimulus Controller 的扩展。在安装 Strada 之前,必须在 Web 应用程序中安装 Stimulus。请参阅 Stimulus 安装说明

以编译形式

如果你使用 importmap-rails,只需在 config/importmap.rb 文件中固定 Stimulus 和 Strada

./bin/importmap pin @hotwired/stimulus @hotwired/strada

或者,你可以手动为 Strada 和 Stimulus 定义 importmap 条目,指向每个条目的最新版本

<head>
<script type="importmap">
{
"imports": {
"@hotwired/stimulus": "https://cdn.jsdelivr.net.cn/npm/@hotwired/stimulus@latest/dist/stimulus.min.js",
"@hotwired/strada": "https://cdn.jsdelivr.net.cn/npm/@hotwired/strada@latest/dist/strada.min.js"
}
}
</script>
</head>

然后你可以在应用程序代码中的任何位置导入 Strada

    import { BridgeComponent } from "@hotwired/strada"

class BridgeTest extends BridgeComponent {
// ...
}

作为 npm 包

你可以通过 npmyarn 打包工具从 npm 安装 Strada,并使用 JavaScript 捆绑器(如 webpack 或 esbuild)在应用程序中导入它。

import "@hotwired/strada"

在原生应用程序中安装 Strada

在 GitHub 仓库中为 iOSAndroid 库提供了专门的安装说明。