2017-12-23 7 views
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初心者の方は見ていません。

答えて

0

私は、これは仮想タグだった実現しなかった。

<div class="container"> 
    <virtual data-is={component}></virtual> 
</div><!-- /.container --> 

これは<home>タグ

を削除し
関連する問題