Electron-TypeScript-React 快速开始脚手架

Electron-TypeScript-React

简介

快速启动一个Electron + TypeScritp + React的脚手架, 并且提供了React-Router/ React-Redux/ connected-react-router,
使用electron-builder打包发布一个桌面应用。

目录结构

 -app
     -main            electron相关文件  main-process
     -renderer        页面相关       render-process
 -assets              静态资源(放打包用的icon或者electron tray使用的icon)
 -build               renderer 打包后文件存放地址
 -config              存放相关webpack.config配置文件
 -dist                存放 electron-build 打包的app, 最终的应用程序
 -public              renderer 使用的html模板
 -script              npm运行renderer相关
 -main.js             由npm命令编译生成的electron入口文件, 不需要管。 如果需要改它的文件位置, 需要在package.json的main中 
                      对应修改
 -tsconfig.json       ts编译配置
 -tslint.json         tslint 配置

启动项目

# Clone this repository
git clone https://github.com/Leskd/electron-react-typescript.git <your-project-name>
# Go into the repository
cd <your-project-name>
# Install dependencies
npm install
# Run the app
npm start

本地试运行和发布打包

# dev
npm run start
# Local build and test
npm run build 
npm run local
# release
## window
npm run release-win
## mac
npm run release-mac

github地址:https://github.com/Leskd/elec…(欢迎试用star与fork, 听说点star的人都是好人!!) 感谢
如果有issue, 请提交issue,我会尽快修改。

PS: TypeScript-React 是基于 React官方create-react-app, 后面如果需要可以去掉这个配置,自己搭更简洁的配置。

    原文作者:powerupgo
    原文地址: https://segmentfault.com/a/1190000016277642
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞