Vite Qiankun Starter screenshot

Vite Qiankun Starter

Author Avatar Theme by Wangxingkang
Updated: 19 May 2023
24 Stars

Vite + Qiankun + React + Vue

Categories

Overview

This project is using pnpm as the package management tool and follows a commonly used command deployment scheme. After compilation, the root directory contains the compiled results of the base project, while the compiled results of each sub-project are placed in directories named after the respective sub-project (e.g., “sub-project1”). Additionally, an Nginx server is started with the following core configuration.

Features

  • pnpm: Used as the package management tool for this project.
  • Command Deployment: Uses commonly used command deployment scheme.
  • Sub-project Compilation: Compiles sub-projects and places the results in respective directories.

Installation

To install the theme for this project, you can follow these steps:

  1. Install pnpm globally by running the following command:

    npm install -g pnpm
    
  2. Clone the project repository to your desired directory:

    git clone <repository_url>
    
  3. Navigate to the project root directory:

    cd <project_directory>
    
  4. Install project dependencies using pnpm:

    pnpm install
    
  5. Start the Nginx server with the core configuration mentioned above.

  6. After deployment, ensure that the sub-projects’ naming and directory structure are consistent to avoid any lifecycle export issues.

Summary

This project utilizes pnpm as the package management tool and follows a command deployment scheme. It also includes features such as sub-project compilation and an Nginx server for serving the project. Additionally, it provides solutions for common issues related to React.lazy component hot reloading and lifecycle export problems in the deployed sub-projects.