• This repository has been archived on 13/Jan/2022
  • Stars
    star
    428
  • Rank 98,120 (Top 2 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 2 years ago
  • Updated over 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Vite as Node.js runtime

Project Moved to Vitest Monorepo

vite-node

NPM version

Vite as Node runtime.

EXPERIMENTAL

Usage

npx vite-node index.ts

Options:

npx vite-node -h

Features

  • Out-of-box ESM & TypeScript support (possible for more with plugins)
  • Top-level await
  • Vite plugins, resolve, aliasing
  • Respect vite.config.ts
  • Shims for __dirname and __filename in ESM
  • Access to native node modules like fs, path, etc.
  • Watch mode (like nodemon)

When NOT to Use

  • Production, yet - in very early stage, check it later
  • Most of the time, when other tools can do that job
    • We need to start a Vite server upon each execution, which inevitably introduces some overhead. Only use it when you want the same behavior as Vite or the powerful plugins system (for example, testing components with a Vite-specific setup).

Why?

It runs Vite's id resolving, module transforming, and most importantly, the powerful plugins system!

How?

It fires up a Vite dev server, transforms the requests, and runs them in Node.

Credits

Based on @pi0's brilliant idea of having a Vite server as the on-demand transforming service for Nuxt's Vite SSR.

Thanks @brillout for kindly sharing this package name.

Sponsors

License

MIT License ยฉ 2021 Anthony Fu

More Repositories

1

vitesse

๐Ÿ• Opinionated Vite + Vue Starter Template
TypeScript
8,522
star
2

ni

๐Ÿ’ก Use the right package manager
TypeScript
4,527
star
3

icones

โšก๏ธ Icon Explorer with Instant searching, powered by Iconify
Vue
4,525
star
4

unplugin-vue-components

๐Ÿ“ฒ On-demand components auto importing for Vue
TypeScript
3,011
star
5

unocss

The instant on-demand atomic CSS engine.
TypeScript
2,990
star
6

unplugin-icons

๐Ÿคน Access thousands of icons as components on-demand universally.
TypeScript
2,793
star
7

vitesse-webext

โšก๏ธ WebExtension Vite Starter Template
TypeScript
2,581
star
8

unplugin-auto-import

Auto import APIs on-demand for Vite, Webpack and Rollup
TypeScript
2,307
star
9

vscode-file-nesting-config

Config of File Nesting for VS Code
JavaScript
2,132
star
10

vue-starport

๐Ÿ›ฐ Shared component across routes with animations
TypeScript
1,744
star
11

vscode-settings

My VS Code settings and extensions
1,739
star
12

eslint-config

Anthony's ESLint config presets
JavaScript
1,605
star
13

vitesse-nuxt3

Vitesse for Nuxt 3 ๐Ÿ”๐Ÿ’šโšก๏ธ
TypeScript
1,510
star
14

shikiji

A syntax highlighter based on TextMate grammars. ESM rewrite of shiki, with more features and capabilities.
TypeScript
1,483
star
15

reactivue

๐Ÿ™Š Use Vue Composition API in React components
TypeScript
1,352
star
16

taze

๐Ÿฅฆ A modern cli tool that keeps your deps fresh
TypeScript
1,233
star
17

vite-ssg

Static site generation for Vue 3 on Vite
TypeScript
1,198
star
18

handle

A Chinese Hanzi variation of Wordle - ๆฑ‰ๅญ— Wordle
TypeScript
1,194
star
19

case-police

๐Ÿšจ Make the case correct, PLEASE!
TypeScript
1,098
star
20

vite-plugin-inspect

Inspect the intermediate state of Vite plugins
Vue
1,009
star
21

qrcode-toolkit

Anthony's QR Code Toolkit for AI generated QR Codes
Vue
1,008
star
22

use

Things I am using
946
star
23

vitesse-lite

โ›บ๏ธ Lightweight version of Vitesse
TypeScript
901
star
24

drauu

Headless SVG-based drawboard in browser.
TypeScript
817
star
25

broz

A simple, frameless browser for screenshots
JavaScript
745
star
26

iroiro

Beautiful Colors Lookup in CLI
TypeScript
735
star
27

retypewriter

Replay the steps of your changes at ease.
TypeScript
715
star
28

live-draw

A tool allows you to draw on screen real-time.
C#
640
star
29

changelogithub

Generate changelog for GitHub
TypeScript
613
star
30

sd-webui-qrcode-toolkit

Anthony's QR Toolkit for Stable Diffusion WebUI
JavaScript
604
star
31

vscode-smart-clicks

Smart selection with double clicks for VS Code.
TypeScript
601
star
32

vite-plugin-md

Markdown with Vue for Vite
TypeScript
580
star
33

unplugin-vue2-script-setup

๐Ÿ’ก Bring `<script setup>` to Vue 2.
TypeScript
567
star
34

eslint-flat-config-viewer

A visual tool to help you view and understand your ESLint Flat config.
Vue
557
star
35

sponsorkit

๐Ÿ’– Toolkit for generating sponsors images ๐Ÿ˜„
TypeScript
550
star
36

unconfig

A universal solution for loading configurations.
TypeScript
524
star
37

utils

Collection of common JavaScript / TypeScript utils
TypeScript
493
star
38

100

My 100-day project of exploring design, compform, and new things.
Vue
491
star
39

v-lazy-show

Compile-time directive to lazy initialize v-show for Vue
TypeScript
480
star
40

antfu.me

My personal website
Markdown
463
star
41

vue-reuse-template

Define and reuse Vue template inside the component scope.
TypeScript
440
star
42

raycast-multi-translate

A Raycast extension that translates text to multiple languages at once
TypeScript
431
star
43

vscode-browse-lite

๐Ÿš€ An embedded browser in VS Code
TypeScript
425
star
44

vscode-vite

One step faster for Vite in VS Code โšก๏ธ
TypeScript
404
star
45

vscode-theme-vitesse

๐Ÿ• Vitesse theme for VS Code
TypeScript
395
star
46

starter-ts

Starter template for TypeScript library
TypeScript
386
star
47

vue-template-promise

Template as Promise in Vue
TypeScript
376
star
48

vue-global-api

Use Vue Composition API globally
TypeScript
331
star
49

vue-router-better-scroller

Enhanced scroll behavior for Vue Router
TypeScript
321
star
50

starter-vscode

Starter template for VS Code Extension
TypeScript
299
star
51

vscode-iconify

๐Ÿ™‚ Iconify IntelliSense for VS Code
TypeScript
294
star
52

1990-script

Make your GitHub history back to 1990
Shell
293
star
53

p

Toolkit for managing multiple promises
TypeScript
284
star
54

qr-scanner-wechat

QR Code scanner in JS with Open CV and WeChat's Algorithm
JavaScript
281
star
55

wenyan-lang-vscode

ๆ–‡่จ€ Wenyan Lang for VS Code
TypeScript
275
star
56

fsxx

File system in zx style
JavaScript
262
star
57

birpc

Message-based two-way remote procedure call.
TypeScript
245
star
58

pnpm-patch-i

A better and interactive pnpm patch
TypeScript
243
star
59

vue-minesweeper

A tiny minesweeper clone in Vue 3
TypeScript
242
star
60

contribute

Contribution guide for my projects
231
star
61

purge-icons

๐ŸŽ Bundles icons on demand
TypeScript
229
star
62

dotfiles

My dotfiles
Shell
227
star
63

vscode-open-in-github-button

Add a button to go to the GitHub on the status bar.
TypeScript
223
star
64

github-doorcat

๐Ÿ˜ผ Supercharges GitHub navbar for fast navigation [WIP]
TypeScript
214
star
65

vscode-goto-alias

Go to Definition following alias redirections.
TypeScript
211
star
66

nuxt-server-fn

Server functions in client for Nuxt 3
TypeScript
194
star
67

refined-github-notifications

UserScript that enhances the GitHub Notifications
JavaScript
194
star
68

prism-theme-vars

A customizable Prism.js theme using CSS variables
CSS
178
star
69

what-time

What time works for you?
Vue
177
star
70

esbuild-node-loader

Transpile TypeScript to ESM with Node.js loader.
JavaScript
176
star
71

vitesse-nuxt-bridge

๐Ÿ• Vitesse experience for Nuxt 2 and Vue 2
Vue
174
star
72

talks

Slides & code for my talks
Vue
170
star
73

userscript-clean-twitter

Bring back the peace on Twitter
JavaScript
170
star
74

fs-spy

Monitoring fs accessing for Node process
TypeScript
166
star
75

magic-string-stack

magic-string with the capability of committing changes.
TypeScript
165
star
76

vite-plugin-glob

The design experiment for import.meta.glob from Vite.
TypeScript
164
star
77

vscode-icons-carbon

Carbon Visual Studio Code product icon theme
TypeScript
157
star
78

vite-plugin-optimize-persist

Persist dynamically analyzed dependencies optimization
TypeScript
155
star
79

diff-match-patch-es

ESM and TypeScript rewrite of Google's diff-match-patch for JavaScript
TypeScript
150
star
80

v-dollar

jQuery-like Vue Reactivity API
TypeScript
146
star
81

eslint-ts-patch

Support loading eslint.config.mjs and eslint.config.ts as flat config files for ESLint.
JavaScript
146
star
82

eslint-typegen

Generate types from ESLint rule schemas, with auto-completion and type-checking for rule options.
TypeScript
144
star
83

.github

The default community health files for all my repos on GitHub
143
star
84

p5i

p5.js, but with more friendly instance mode APIs
TypeScript
133
star
85

markdown-it-github-alerts

Support GitHub-style alerts for markdown-it
TypeScript
132
star
86

magic-string-extra

Extended magic-string with extra utilities
TypeScript
131
star
87

vueuse

Collection of essential Vue Composition Utilities for Vue 2 and 3
TypeScript
131
star
88

export-size

Analysis bundle cost for each export of a package
TypeScript
130
star
89

local-pkg

Get information on local packages.
TypeScript
126
star
90

vite-plugin-restart

Custom files/globs to restart Vite server
TypeScript
124
star
91

pkg-exports

Get exports of an local npm package.
TypeScript
116
star
92

install-pkg

Install package programmatically.
TypeScript
114
star
93

deploy-check

WIP, Prevent runtime errors earlier in CI
TypeScript
113
star
94

qr-verify

A CLI to verify scannable QR Code in batch
TypeScript
106
star
95

issue-up

Mirror issues to the upstream repos
TypeScript
104
star
96

unplugin-starter

Starter template for unplugin
TypeScript
100
star
97

windicss-runtime-dom

๐Ÿช„ Enables Windi CSS for any site with one-line code without any build tools
TypeScript
100
star
98

rex

๐Ÿ“‘ Transform texts with RegExp like a Pro.
Vue
98
star
99

vscode-auto-npx

Auto resolving local Node.js binaries in VS Code terminal.
TypeScript
96
star
100

vite-plugin-remote-assets

Bundles your assets from remote urls with your app
TypeScript
94
star