Vite Qiankun Starter

screenshot of Vite Qiankun Starter
react
vite
vue
ant-design

Vite + Qiankun + React + Vue

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.

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.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

vite
Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

ant-design
Ant Design

Ant Design is a React UI library that provides a set of pre-designed components and design resources for building high-quality, responsive web applications.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.