A lite demo server, inspired by Vite.
- Zero-config
- ESM-friendly
- Straightforward compilations
- Support Vue, React, and Vanilla
- Support TypeScript, JSX, and TSX
- Support CSS Modules and Scoped CSS
- No node_modules installation required (package imports will be redirected to esm.sh)
- No HMR, no SSR, no plugins,
no bundling, no production
npm install -g @jinjiang/vlite
# or
yarn global add @jinjiang/vlite
# or
pnpm add -g @jinjiang/vliteA quick Vue demo
echo "<div id=\"app\"></div><script type=\"module\" src=\"./main.ts\"></script>" > index.html
echo "import { createApp } from 'vue'\nimport App from './App.vue'\ncreateApp(App).mount('#app')" > main.ts
echo "<template><h1>Hello, Vlite\!</h1></template>" > App.vue
vliteA quick React demo
echo "<div id=\"app\"></div><script type=\"module\" src=\"./main.tsx\"></script>" > index.html
echo "import React from 'react'\nimport ReactDOM from 'react-dom'\nReactDOM.render(<h1>Hello, World\!</h1>, document.getElementById('app'))" > main.tsx
vlitevlite [<target-dir>] [--port <port>]
vlite [<target-dir>] --build
vlite [<target-dir>] --bundle
vlite --help
vlite --versionWarning
To be noticed: the build and bundle commands are in experimental stage. For bundle mode, you have to add this script into your index.html:
<script>
// TODO: Remove this line when define plugin is supported by Rolldown
globalThis.process = { env: { NODE_ENV: 'development' } };
</script>
See the Vue example.
See the React example and the Vue example.
MIT