mcuking / vitesandbox-client

An Online Vite Sandbox that compiles web projects.

ViteSandbox

An Online Vite Sandbox that compiles web projects based on browser-vite

You can try ViteSandbox in the page:

https://mcuking.github.io/vitesandbox-client-example/

Usage

Usage Example Code:

import Sandbox from './sandbox';

const files = {
  '/package.json': JSON.stringify(packageJson),
  '/index.html': htmlCode,
  '/src/index.js': entryCode,
  '/src/index.less': lessCode,
  '/src/App.js': appCode,
};

<Sandbox
  bundlerURL="https://mcuking.github.io/vitesandbox-client/"
  files={files} />

For more details, please check this repo: https://github.com/mcuking/vitesandbox-client-example

Architecture

Article

搭建一个浏览器版 Vite 沙箱