Riotjs-environment-setup
提供:Dev Guides
RIOT.JS-環境設定
RIOT jsを使用するには2つの方法があります。
- ローカルインストール-ローカルマシンにRIOTライブラリをダウンロードして、HTMLコードに含めることができます。
- * CDNベースのバージョン*-Content Delivery Network(CDN)から直接RIOTライブラリをHTMLコードに含めることができます。
ローカルインストール
- [[1]]
- 次に、ダウンロードした riot.min.js ファイルをWebサイトのディレクトリに置きます。/riotjs。
例
これで、次のようにHTMLファイルに_riotjs_ライブラリを含めることができます-
<!DOCTYPE html>
<html>
<head>
<script src = "/riotjs/riot.min.js"></script>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/riot/3.13.2/riot+compiler.min.js"></script>
</head>
<body>
<messageTag></messageTag>
<script>
var tagHtml = "<h1>Hello World!</h1>";
riot.tag("messageTag", tagHtml);
riot.mount("messageTag");
</script>
</body>
</html>
これにより、次の結果が生成されます–
CDNベースのバージョン
RIOT jsライブラリーをContent Delivery Network(CDN)から直接HTMLコードに含めることができます。 GoogleとMicrosoftは、最新バージョンのコンテンツ配信を提供しています。
注意-このチュートリアルでは、CDNJSバージョンのライブラリを使用しています。
例
ここで、CDNJSのjQueryライブラリを使用して上記の例を書き換えましょう。
<!DOCTYPE html>
<html>
<head>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/riot/3.13.2/riot+compiler.min.js"></script>
</head>
<body>
<messageTag></messageTag>
<script>
var tagHtml = "<h1>Hello World!</h1>";
riot.tag("messageTag", tagHtml);
riot.mount("messageTag");
</script>
</body>
</html>
これにより、次の結果が生成されます–