gulp-sitemap-generator

• auto generate sitemap for development.
• It finds Web page files in the project and collects the path, file name and meta tag.

프로젝트 내에 웹페이지 파일을 찾아 경로와 파일명 그리고 메타태그(title,author,description)를 수집해서 정리해줍니다. (html파일명을 한글로 작성하지 마세요)

Installation

npm install gulp-sitemap-generator

Code Example

gulpfile.js

gulp.task('html', () => {
    return gulp.src([`/app/**/*.html`, `!/app/map.html`])
        .pipe(sitemap({
          'dest': 'dest', //*Required Options
          'app': 'app' //*Required Options
          'stream' : false //Only map.html files can be steamed
        }))
        .pipe(gulp.dest(`/dest`))
});

map.html

<h2><%= folderNames[0] %> directory</h1>
<table>
    <thead>
        <tr>
            <th><span>title</span></th>
            <th><span>directory</span></th>
            <th><span>filename</span></th>
            <th><span>author</span></th>
            <th><span>description</span></th>
        </tr>
    </thead>
    <tbody>
        <% _.each(maps, function(m) { %>
        <tr>
            <td><span><%= m.title %></span></td>
            <td><span><%= m.href %></span></td>
            <td><a href="<%= m.href %>" target="_blank"><%= m.name %></a></td>
            <td><span><%= m.author %></span></td>
            <td><span><%= m.description %></span></td>
        </tr>
        <% }); %>
    </tbody>
</table>

webpage in your project

.
└── app
    └── html
        ├── a.html
        ├── b.html
        └── sub1
            ├── c.html
            ├── d.html
            ├── e.html
            ├── sub1-1
            │    ├── f.html
            │    └── g.html
            ├── sub1-1
                 ├── h.html
                 └── i.html

map.html after build

title	directory	filename	author	description
a-title	/app/html/a.html	a.html	author (meta tag)	description (mata tag)
b-title	/app/html/b.html	b.html	author (meta tag)	description (mata tag)
c-title	/app/html/sub1/c.html	c.html	author (meta tag)	description (mata tag)
d-title	/app/html/sub1/d.html	d.html	author (meta tag)	description (mata tag)
e-title	/app/html/sub1/e.html	e.html	author (meta tag)	description (mata tag)
f-title	/app/html/sub1/sub1-1/f.html	f.tml	author (meta tag)	description (mata tag)
g-title	/app/html/sub1/sub1-1/g.html	g.tml	author (meta tag)	description (mata tag)
h-title	/app/html/sub1/sub1-2/h.html	h.html	author (meta tag)	description (mata tag)
i-title	/app/html/sub1/sub1-2/i.html	i.html	author (meta tag)	description (mata tag)

Options

    pipe(sitemap({
        dest : 'destFolder',
        app : 'appFolder',
        name : 'map.html',
        noDir : 'etc',
        untitle : '-', //When the title can not be found in the meta information
        unknown : '-', //When the author can not be found in the meta information
        noDescription : '-' //When the description can not be found in the meta information
        division : 'html' //Subfolders for app options.
                          //Template modifications are required. I'll explain it further below.
    }))

Options - division

It can be multi-expressible on the basis of this

set options

    division : 'html'

map.html

    <div>
    <h1>gulp-sitemap-generator</h1>
    <% _.each(maps, function(map,idx) { %>
    <h2><%= folderNames[idx] %></h1>
    <table class="table">
        <thead>
            <tr>
                <th><span>title</span></th>
                <th><span>directory</span></th>
                <th><span>filename</span></th>
                <th><span>author</span></th>
                <th><span>description</span></th>
            </tr>
        </thead>
        <tbody>
            <% _.each(map, function(m) { %>
            <tr>
                <td><span><%= m.title %></span></td>
                <td><span><%= m.href %></span></td>
                <td><a href="<%= m.href %>" target="_blank"><%= m.name %></a></td>
                <td><span><%= m.author %></span></td>
                <td><span><%= m.description %></span></td>
            </tr>
            <% }); %>
        </tbody>
    </table>
    <% }); %>
</div>    

webpage in your project

.
└── app
    └── html
        └── sub1
            ├── a.html
            └── b.html
        └── sub2
            ├── c.html
            └── d.html
        └── sub3
            ├── e.html
            └── sub3-1
                 └── f.html
        └── sub4
            ├── g.html
            └── h.html

map.html after build

sub1

title	directory	filename	author	description
a-title	/app/html/sub1/a.html	a.html	author (meta tag)	description (mata tag)
b-title	/app/html/sub1/b.html	b.html	author (meta tag)	description (mata tag)

sub2

title	directory	filename	author	description
c-title	/app/html/sub2/c.html	c.html	author (meta tag)	description (mata tag)
d-title	/app/html/sub2/d.html	d.html	author (meta tag)	description (mata tag)

sub3

title	directory	filename	author	description
e-title	/app/html/sub3/e.html	e.html	author (meta tag)	description (mata tag)
f-title	/app/html/sub3/sub3-1/f.html	f.html	author (meta tag)	description (mata tag)

sub4

title	directory	filename	author	description
g-title	/app/html/sub4/g.html	g.html	author (meta tag)	description (mata tag)
h-title	/app/html/sub4/h.html	h.html	author (meta tag)	description (mata tag)

License

[e-mail]