Zero-config module to use vite for liferay portlet development

viteray

Zero-config module to use vite for liferay portlet development.

Highlights:

  • Creates a local proxy for your liferay instance
  • No configuration for this module required
  • Supports (almost) all vite plugins
  • Supports portlet assets folder

How-to

  1. Install viteray

npm i -D @clavis/viteray

pnpm i -D @clavis/viteray

yarn add -D @clavis/viteray
  1. Add a vite.config.js file

// vite.config.js
export default {
  // config options
};

Note on plugin support:
Pretty much all plugins are supported. However, if a plugin uses the “transformIndexHtml” API, the hot module reload
functionality may be limited.

React example:

import react from '@vitejs/plugin-react';

export default {
  plugins: [react()],
};
  1. Add a script to your package.json.
    Specify the url of your instance with the argument “-c”.

{
  "scripts": {
    "dev": "viteray -c http://example.com"
  }
}
  1. Run!

npm run dev

pnpm run dev

yarn dev

GitHub

View Github