0
Yeoman rtjs generatorを使用しています。 rollup.jsとrollup-plugin-riotを使った非常に基本的な例です。コンパイル中にriot.jsタグが削除されました。
タグは非常に簡単です:
<home>
<div class="card" id="home-card">
<div class="card-block">
<a href="https://v4-alpha.getbootstrap.com">
<h1>Bootstrap 4 starter template</h1>
</a>
<p class="lead">
Use this document as a way to quickly start any new project.
<br />
All you get is this text and a mostly barebones HTML document.
</p>
</div>
</div>
<style>
#home-card {
margin-top: 65px;
}
</style>
</home>
はしかし、生産HTMLは<home>
タグを欠い:
<div class="container">
<div class="card" id="home-card">
<div class="card-block"><a href="https://v4-alpha.getbootstrap.com"><h1>Bootstrap 4 starter template
</h1>
</a>
<p class="lead"> Use this document as a way to quickly start any new project. <br> All you get is this text and a mostly barebones HTML document.
</p>
</div>
</div>
</div>
したがって、これはスタイルが動作しません含ま:
<style type="text/css">
home #home-card,[data-is="home"] #home-card{ margin-top: 65px; }
</style>
これはおそらく単純/基本的なものですが、riot.js初心者の方は見ていません。