Our great sponsors
-
ant-simple-pro
简洁,美观,快速上手,支持3大框架(vue3.0,react,angular,typescript);Concise, beautiful, quick to get started, support 3 big frameworks
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
Project address👉vite-react-cil.
Case actual combat: -ant-simple-pro is a middle-office solution that supports vue3, react, angular3 big frameworks, Version 3.0 has all been refactored with vite.
-JoL-player is a powerful react player, developed by typescript, and bate3.0 version is refactored with vite
The configuration of jest is different for each company, so it may not follow my configuration. For the configuration of jest, please refer to jest official website 3.Under the src folder, add the __tests__ folder, and add the App.test.tsx file in the __tests__ folder, and write the following code:
If you think your own configuration of jest is more complicated, you can recommend you to use vite-plugin-test
The configuration file of prettierrc can also be a js file. For the specific configuration and usage of prettierrc, please refer to Official Website .prettierignore write the following code:
I use less mock here. I basically write the serve interface by myself. I recommend you to use the vite-plugin-mock plug-in. For configuration, the plug-in configuration I introduced earlier is similar. Create a new configMock.ts in config/plugins, and create a new mock folder to store the simulated asynchronous interface. The mock folder is moreThe src directory is at the same level.
vite supports module by default, just add a module to the file name, such as: xx.module.css, it becomes a module, more create-react- app. For scss/less support, installation dependencies are as follows:
Related posts
- Accelerate your delivery with modern tools
- Show HN: I made a programmable computer from NAND gates
- Vitest In-Source Testing for SFC in Vue?
- Theming using CSS Variables? Turn Them into VS Code Snippets for Faster, Error-Free Coding
- Episode 24/13: Native Signals, Details on Angular/Wiz, Alan Agius on the Angular CLI