76 - 《2022 最潮的 Demo 编写方式》
发布于 2022年3月16日
前几天有看到 https://github.com/jspm/jspm-vscode ,往前多想了想,整理了一种写 Demo 的方式。
🌴 背景
有时候我们会临时有需求需要写一个 Demo 验证下,不知大家是如何处理的?一个选择是用线上服务,比如 codesandbox、stackblitz 等。但如果想本地跑一个呢?好像还没那么简单,因为会有依赖和语法转换的需求。
依赖需求比如 react、lodash、antd 等。思路一是用 umd 包,很多库都有提供。但也有很多库没有提供,另外一个个去找对应依赖的 umd 包也比较复杂;思路二是用 webpack 或 esbuild 打包,这就复杂了,我们只是要写个 Demo 而已。
语法转换比如 TypeScript、JSX 等。TypeScript 还好,JSX 如何手写就很崩溃了。
⏱ 代码
html 文件见附件。
```html