The latest articles on DEV Community by BarbWire (@barbwire1). https://dev.to/barbwire1 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1003474%2F406e9147-1bef-4653-880e-163cd4b80333.png https://dev.to/barbwire1 en BarbWire Mon, 18 May 2026 14:55:43 +0000 https://dev.to/barbwire1/built-a-tiny-cli-to-scaffold-vite-npm-libraries-live-consumer-apps-5016 https://dev.to/barbwire1/built-a-tiny-cli-to-scaffold-vite-npm-libraries-live-consumer-apps-5016 <p>I kept rebuilding the same setup over and over whenever starting a small npm library project:</p> <ul> <li>Vite library config</li> <li>example code</li> <li>Vitest setup for example code</li> <li>exports</li> <li>watch mode</li> <li>subpath/modifier exports</li> <li>local consumer app</li> <li>linking/testing workflow</li> </ul> <p>So I finally turned my own workflow into a small CLI scaffolder.</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8tlwh9dx6lznaq6g7kiv.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8tlwh9dx6lznaq6g7kiv.png" alt=" " width="800" height="757"></a></p> <p>It creates:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>workspace/ ├── app/ -&gt; lightweight consumer test app └── my-lib/ -&gt; Vite library </code></pre> </div> <p>Features currently include:</p> <ul> <li>Vite library mode</li> <li>ESM + CJS builds</li> <li>subpath exports</li> <li>watch command</li> <li>live local testing workflow</li> <li>modifier structure example</li> <li>minimal boilerplate</li> </ul> <p>Install:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>npm i <span class="nt">-g</span> create-lib-workspace </code></pre> </div> <p>Usage:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>create-lib-workspace demo my-lib @demo/my-lib </code></pre> </div> <p><a href="https://github.com/BarbWire-1/create-lib-workspace" rel="noopener noreferrer">🔗 Go the github repo</a></p> <p>Mainly built this for my own workflow, but maybe useful for others doing small utility/package development.</p> <p>Curious how others structure their lib + live consumer setup these days.</p> npm cli vite javascript