Reusable Single File Component

RSFC is a component end with .html as you always code. It's very easy to reuse, re-code and extend.

How it work?

RSFC merge all your .html files from the components directory and generate a website.

---

How to use it?

• Download RSFC
• Put .html files (components) into /components/ directory.
• npm install
• npm run start
• Load .html files fom components directory and generate it.

---

In every .html (component) file must have three parts.

Part 1 - CSS codes

<style>
       /* css codes */
</style>

Part 2 - HTML codes

<section id="blog">
       <!-- html -->
</section>

Make sure to add a unique section id, e.g <section id="blog">

Part 3 - JS codes

<script>
       // javascript codes
</script>

---

FAQ

Will it crash or confuse with HTML headers codes and external js/css links?

No, it will leave HTML headers codes and copy all script/css links.

---

Tools and Libraries used in RSFC

• beautify js
• ace.js code editor
• jszip
• filesaver
• html5sortable

---

Author - ronaldaug