zmp-vite-plugin

⚡ Vite plugin for Zalo Mini App

How to setup?

1. Install

npm i -D zmp-vite-plugin

2. Update your vite.config.ts

import { defineConfig, splitVendorChunkPlugin } from "vite";
import react from "@vitejs/plugin-react";
import zaloMiniApp from "zmp-vite-plugin";

export default () => {
  return defineConfig({
    plugins: [
      react(), // If you are using React
      splitVendorChunkPlugin(), // If you want to split vendor chunk to reduce the size of the main bundle
      zaloMiniApp(),
    ],
  });
};

The plugin will read the app-config.json by default. If you pass any options to the plugin, this file will be ignored.

Run & Deploy

1. Install the latest zmp-cli

If you don't have zmp-cli installed, you can install it by running:

pnpm add -g zmp-cli

2. Update your package.json

{
  "scripts": {
    "start": "vite dev",
    "build": "tsc && vite build",
    "deploy:dev": "zmp-cli deploy --existing",
    "deploy:testing": "zmp-cli deploy --existing --testing"
  }
}

3. Run

• 🔥 pnpm start to start local development server
• 🚀 pnpm build to build your project
• 🚢 pnpm deploy to deploy the app in DEVELOPMENT mode
• ⚡ pnpm deploy:testing to deploy the app in TESTING mode