<h2>Overview</h2>
<p>Vue Rollup Boilerplate is a simple setup that combines Rollup, vue-loader, and esbuild for quick prototyping. It provides support for Vue 2 and offers an alternative option for Vue 3 with Vite. The boilerplate also includes additional features such as using unplugin-vue2-script-setup to bring &#x3C;script setup> to Vue 2, Rollup Plugin Visualizer to visualize and analyze the bundle, and various components using the atomic design pattern.</p>
<h2>Features</h2>
<ul>
<li><strong>Rollup</strong>: A bundler that packages JavaScript modules into a single file.</li>
<li><strong>PostCSS</strong>: A plugin for processing CSS with JavaScript.</li>
<li><strong>ESBuild</strong>: A fast JavaScript bundler and minifier.</li>
<li><strong>Prettier</strong>: An opinionated code formatter for JavaScript.</li>
<li><strong>Components</strong>: Atomic design components including atoms, molecules, organisms, templates, and pages.</li>
<li><strong>Makefile and PNPM</strong>: Tools for automating tasks and managing packages with PNPM as package manager.</li>
</ul>
<h3>Prerequisites</h3>
<ul>
<li>Make sure you have <a href="https://nodejs.org">Node.js</a> installed on your system.</li>
</ul>
<h3>Steps</h3>
<ol>
<li>Clone the repository:</li>
</ol>
<pre><code class="language-bash">git clone &#x3C;repository_url>
</code></pre>


Dangvanthanh

Vue Rollup Boilerplate