个人仓库,代码随时更新,请按发布版本查看,直接拉大部分情况报错
Almost all code playgrounds use server-side packaging, so I wrote a code playground that is packaged locally in the browser.
Note
This is a testing phase, please do not use it in production environment.
You are welcome to use it and submit lssues after tag:0.1.0
- To reduce the size of the package:disable tailwindcss
- Implementation: Vue(currently only react), Customized loading, dependency version determination, local dependency injection (currently using unpkg to obtain dependencies), css injection, open esbuild plugins
- Support monacoEditor (better ts type hints) and shikut (smaller files, faster speed)
- Test Coverage
- Compatibility with next, cjs, etc
This is a core package that sits on top. It is framework agnostic and is responsible for backend functionality.
React components that give you the power of editable playground that run in the browser.
npm i @xqcc/playground-react
import { Playground } from "@xqcc/playground-react";
import "@xqcc/playground-react/style.css";
<Playground template="react" name="your want name" />;