在应用程序中安装 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 包
你可以通过 npm
或 yarn
打包工具从 npm 安装 Strada,并使用 JavaScript 捆绑器(如 webpack 或 esbuild)在应用程序中导入它。
import "@hotwired/strada"