Gathering detailed insights and metrics for vite-plugin-express
Installations
npm install vite-plugin-expressDeveloper Guide
BETA
Typescript
No
Module System
ESM
Node Version
16.13.2
NPM Version
8.1.2
Score
53.9
Supply Chain
77.8
Quality
72.3
Maintenance
100
Vulnerability
98.6
License
Releases
Unable to fetch releases
Contributors
1
Unable to fetch Contributors
Languages
1
TypeScript
TypeScript (100%)
validate.email 🚀
Verify real, reachable, and deliverable emails with instant MX records, SMTP checks, and disposable email detection.
Developer
zation
Download Statistics
Total Downloads
10,616
Last Day
47
Last Week
348
Last Month
1,171
Last Year
6,656
GitHub Statistics
1 Stars
6 Commits
1 Forks
1 Watchers
1 Branches
1 Contributors
Updated on May 16, 2023
Bundle Size
669.88 kB
Minified
259.15 kB
Minified + Gzipped
Maintainers
1
Package Meta Information
Latest Version
1.0.3
Package Id
vite-plugin-express@1.0.3
Unpacked Size
8.29 kB
Size
2.65 kB
File Count
5
NPM Version
8.1.2
Node Version
16.13.2
Total Downloads
Cumulative downloads
Total Downloads
10,616
Last Day
161.1%
47
Compared to previous day
Last Week
20.4%
348
Compared to previous week
Last Month
93.9%
1,171
Compared to previous month
Last Year
105.7%
6,656
Compared to previous year
Daily Downloads
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
4
Peer Dependencies
1
Dev Dependencies
4
Vite Plugin Express
A vite plugin to integrate the express server into vite dev server.
Features
- Automatically load all your server codes by glob.
- Isolate hot reload without reload vite dev server.
- Compatible with the
resolveand other configs in vite.
Get started
-
Install vite and this plugin with your favorite package manager, here use npm as example:
1npm install vite vite-plugin-express -D -
Create a
vite.config.tsfile in your project root to config vite to actually use this plugin:1import { defineConfig } from 'vite'; 2import express from 'vite-plugin-express'; 3 4export default defineConfig({ 5 plugins: [ 6 react(), 7 express({ 8 // the server files export a middleware as default 9 // this config can be a glob 10 middlewareFiles: './server', 11 }), 12 ], 13 resolve: { 14 alias: { 15 // you can use this alias in your server code as well 16 '@': './src', 17 }, 18 }, 19}); -
Export a middleware as default in your every server files.
1// /server/account.ts 2import { faker } from '@faker-js/faker'; 3import express, { Request, Router } from 'express'; 4import { 5 Gender, 6} from '@/constants/gender'; 7 8const router = Router(); 9 10const { name } = faker; 11 12router.get('/api/account', (request, response) => { 13 response.status(200).send({ 14 name: `${name.firstName()} ${name.lastName()}`, 15 gender: Gender.Male, 16 }); 17}); 18 19export default router;
API
- middlewareFiles: use globby as the file loader, for example:
src/**/*.js— matches all files in thesrcdirectory (any level of nesting) that have the.jsextension.srcorsrc/*.??— matches all files in thesrcdirectory (only first level of nesting) that have a two-character extension.file-[01].js— matches files:file-0.js,file-1.js.
- prefixUrl: the prefix url path for the dev server. The default is:
/api - defaultMiddlewares: replace the default middlewares with yours. The default middlewares are: cors, bodyParser.json and some headers:
1res.header('Cache-Control', 'private, no-cache, no-store, must-revalidate'); 2res.header('Expires', '-1'); 3res.header('Pragma', 'no-cache');
No vulnerabilities found.
No security vulnerabilities found.