컴파일 중 스타일을 riot.js 제거했습니다.

Question

Yeoman rtjs generator을 사용하십시오. rollup.js와 rollup-plugin-riot을 사용하는 아주 기본적인 예제.

<style type="text/css"> 
    home #home-card,[data-is="home"] #home-card{ margin-top: 65px; } 
</style> 

:이 스타일이 작동하지 않습니다 포함,

<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> 

따라서 :

<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> 태그 부족 :

태그는 매우 간단합니다 이것은 아마 단순한/기본이지만, riot.js 초보자로서, 나는 그것을 보지 않을거야.

나는이 가상 태그 몰랐어요

Answer 1

:

이

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

이것은 <home> 태그

을 제거