DEV Community

Cover image for VTX - vite monorepo manager
Miguel Ramos
Miguel Ramos

Posted on

VTX - vite monorepo manager

Olรก ๐Ÿ‘‹, i'm very happy to introduce VTX, an wrapper on vite-cli tool to help on management of multi-apps, libs and packages for vuejs. Feel free to contribute also.

Features

  • Create a workspace to share libs or custom packages thru your apps.
  • Yarn workspaces only.
  • Create apps and serve on your localhost
  • Create libs to your apps or produce standalone dist to publish
  • Build on top of vitejs
  • Use all options from vitejs and a single configuration for your apps

Install

You should install as a global package for use it as cli tool. Just hit:

yarn global add @websublime/vtx-cli
Enter fullscreen mode Exit fullscreen mode

After, vtx binary will be available to use it.

First steps

Start to create your workspace. Workspace is managed and design to use yarn as your dependency package manager. So for now is the only supported manager.

Create your workspace as:

vtx create-workspace
Enter fullscreen mode Exit fullscreen mode

Nothing will be installed only created the initial directory structure to add apps and libs.

Ok, now just enter on your new workspace directory and create your first application. All applications and libs are created for typescript support. Let's initiate our first app:

vtx create-app
Enter fullscreen mode Exit fullscreen mode

Cli will always put you questions to you refer what is name, directory our namespace.

Now on top of your root workspace perform an install:

yarn
Enter fullscreen mode Exit fullscreen mode

Ok, you are now ready to run your first application as:

vtx dev
Enter fullscreen mode Exit fullscreen mode

This are the initial steps to initiate multi-apps. You can perform lot of customisations, create libs, consume libs on your apps or share common code thru apps. For more info hit github link.

More like:

vtx create-lib
vtx dev --app todos --debug
vtx build --lib services -mode production
Enter fullscreen mode Exit fullscreen mode

Feel free to contribute!

Links

Github link: https://github.com/miguelramos/vtx

Current

  • Create workspace
  • Create app
  • Create lib
  • Build app
  • Build lib
  • Optimize and preview (to come)

Happy coding! ๐ŸŽ‰

Top comments (0)