https://github.com/gaubert/electron-bootstrap-test
https://github.com/gaubert/electron-bootstrap-test
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/gaubert/electron-bootstrap-test
- Owner: gaubert
- Created: 2015-08-09T20:58:48.000Z (almost 11 years ago)
- Default Branch: master
- Last Pushed: 2015-08-10T19:49:33.000Z (almost 11 years ago)
- Last Synced: 2026-01-03T16:31:51.400Z (4 months ago)
- Language: CSS
- Size: 141 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Taken from electron-jsx-babel-boilerplate
This is a sample repository of [Electron](http://electron.atom.io/) application.
This boilerplate includes the following build tasks:
* Transpillation [React](https://facebook.github.io/react/) JSX and ES6 style JavaScript files with [Babel](https://babeljs.io/)
* Compilation scss files
* Livereload when you change source files
* Packaging distribution apllicatoins for each platforms(win32, darwin, linux)
## Install
Clone this repository, so execute the following command.
```bash
cd electron-jsx-bash-boilerplate
npm install -g bower gulp
npm install
```
## Run application
### With file watch and livereload
```bash
gulp serve
```
### Pre-packaging app
```bash
gulp build;electron dist
```
## Package application
```bash
gulp package
```
## Directory structure
```
+ .serve/ Compiled files
+ dist/ Application for distribution
- release/ Packaged applications for platforms
|+ darwin/
|+ linux/
|+ win32/
- src/ Source directory
|- assets/
|+ images/
|- browser/ For browser process scripts
|+ menu/
|- renderer/ For renderer process scripts and resources
|+ components/ React components
| bootstrap.js Entry point for render process
| index.html
|- styles/ SCSS directory
| main.scss
| app.js Entry point for browser process
bower.json
gulpfile.js
package.json
```