用vite来起公司的react项目
尝试给公司脚手架新增个用vite起react项目的功能, 分享一下思路和遇到的问题.
公司一个业务框架在修改代码后竟然没有自动更新页面. 于是想尝试解决这个问题, 还是失败了.
出现问题的框架使用的是react-refresh来进行hmr, 虽然失败但记录下过程.
之前写了一些写electron, 浏览器插件, vscode插件这样的项目. 这些项目其实是有一些固定模板的, 但又没有主流脚手架, 于是观察了一些其他脚手架, 写个自己的脚手架来快速启动项目.
travis-ci从21年6月15开始停止服务, 新版本需要迁移才能继续服务, 这意味我的博客和electron应用都要去进行迁移了.
electron无疑是个很强的东西, vscode近年非常流行, 其他还有github客户端, twitch, figma等大公司有electron开发的软件.
但electron在前端开发中仍算冷门. 不分析原因, 但导致的结果是没有很稳定的脚手架.
目前官方只有一个react的模板, 剩下只有awesome-electron里民间的几个模板.
面对纷繁多样的需求, 这几个模板肯定是不够的, 而electron的流程又很简单. 所以这里总结一个大方向.
在开发流程中, 会遇到根据环境判断url的问题, 像这样的代码(真实代码):
1 | const winURL = process.env.NODE_ENV === 'development' |
这次深入这个问题, 来发掘一些更好的实践.