在electron中使用前端框架
electron无疑是个很强的东西, vscode近年非常流行, 其他还有github客户端, twitch, figma等大公司有electron开发的软件.
但electron在前端开发中仍算冷门. 不分析原因, 但导致的结果是没有很稳定的脚手架.
目前官方只有一个react的模板, 剩下只有awesome-electron里民间的几个模板.
面对纷繁多样的需求, 这几个模板肯定是不够的, 而electron的流程又很简单. 所以这里总结一个大方向.
electron无疑是个很强的东西, vscode近年非常流行, 其他还有github客户端, twitch, figma等大公司有electron开发的软件.
但electron在前端开发中仍算冷门. 不分析原因, 但导致的结果是没有很稳定的脚手架.
目前官方只有一个react的模板, 剩下只有awesome-electron里民间的几个模板.
面对纷繁多样的需求, 这几个模板肯定是不够的, 而electron的流程又很简单. 所以这里总结一个大方向.
在开发流程中, 会遇到根据环境判断url的问题, 像这样的代码(真实代码):
1 | const winURL = process.env.NODE_ENV === 'development' |
这次深入这个问题, 来发掘一些更好的实践.
一直对webpack的一些功能概念比较模糊, 所以过一次文档的guide来看看这些功能: code spliting, tree shaking, hot module replacement, require.context.
工作中新写一个页面经常会遇到: 根据想好的布局写完了html片段, 然后要把对应的类名写个sass树.