PUG
2019.10.01 18:58

PUG 07 / INCLUDES

조회 수 358 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

원파일

<!DOCTYPE html>
<html>

<head>
  <title>My Site</title>
  <script src="/javascripts/jquery.js"></script>
  <script src="/javascripts/app.js"></script>
</head>

<body>
  <h1>My Site</h1>
  <p>Welcome to my super lame site.</p>
  <footer id="footer">
    <p>Copyright (c) foobar</p>
  </footer>
</body>

</html>

 

 

파일 분리

//- index.pug
doctype html
html
  include includes/head.pug
  body
    h1 My Site
    p Welcome to my super lame site.
    include includes/foot.pug

 

//- includes/head.pug
head
  title My Site
  script(src='/javascripts/jquery.js')
  script(src='/javascripts/app.js')

 

//- includes/foot.pug
footer#footer
  p Copyright (c) foobar

 

Including Plain Text 

<!DOCTYPE html>
<html>

<head>
  <style>
    /* style.css */

    h1 {
      color: red;
    }
  </style>
</head>

<body>
  <h1>My Site</h1>
  <p>Welcome to my super lame site.</p>
  <script>
    // script.js
    console.log('You are awesome');
  </script>
</body>

</html>

 

 

//- index.pug
doctype html
html
  head
    style
      include style.css
  body
    h1 My Site
    p Welcome to my super lame site.
    script
      include script.js

 

/* style.css */
h1 {
  color: red;
}

 

// script.js
console.log('You are awesome');

 

?

List of Articles
번호 분류 제목 날짜 조회 수
38 node.js - 1 Express에서 POST 방식 사용하기 2019.10.16 349
37 node.js - 1 Express에서 MySql 사용 2019.10.10 843
36 node.js - 2 Node.js MySQL Limit 2019.10.10 288
35 node.js - 2 Node.js MySQL Update 2019.10.10 276
34 node.js - 2 Node.js MySQL Drop Table 2019.10.08 357
33 node.js - 2 Node.js MySQL Delete 2019.10.08 302
32 node.js - 2 Node.js MySQL Order By 2019.10.08 285
31 node.js - 2 Node.js MySQL Where 2019.10.08 494
30 node.js - 2 Node.js MySQL Select From 2019.10.08 630
29 node.js - 2 Node.js MySQL Insert Into 2019.10.01 933
28 node.js - 2 Node.js MySQL Create Table 2019.10.01 324
» PUG PUG 07 / INCLUDES 2019.10.01 358
26 PUG PUG 06 / DOCTYPE 2019.10.01 431
25 node.js - 2 Node.js MySQL 2019.09.27 315
24 node.js - 2 NPM의 사용 2019.09.26 313
23 node.js - 2 Node.js URL Module 2019.09.26 461
22 PUG PUG 05 / Conditionals 2019.09.19 755
21 PUG PUG 04 / Comments 2019.09.19 329
20 PUG PUG 03 / Code 2019.09.19 691
19 PUG PUG 02 / Case 2019.09.19 367
Board Pagination Prev 1 2 Next
/ 2