generator-electron-humble
Humble electron generator for Yeoman. Electron + Webpack + Angular X/React + Typescript + Less/Sass/Stylus + Pug (Jade)
Installation
$ npm install -g generator-electron-humble
Usage
$ yo electron-humble
Npm commands list
$ npm start # Launches the app. $ npm run start:prod # Same as npm start (expects you to run build:prod at least once). $ npm run start:dev # Launches the app in dev mode (expects you to run build:dev separately). $ npm run build:prod # Initiates project's rebuild for production. $ npm run build:dev # Watches project's folder for changes and launches hot-reload using webpack-dev-server. $ npm run-script tslint # Starts code check with tslint.
Structure
Generated project has the following structure:
. ├── ./app # Electron folder. │ ├── ./app/app.js │ ├── ./app/package.json │ └── ./app/res # Resources folder. Webpack sends processed files here. │ ├── ./app/res/app.css │ ├── ./app/res/app.css.map │ ├── ./app/res/app.js │ ├── ./app/res/app.js.map │ ├── ./app/res/img │ │ └── ./app/res/img/icon.png │ ├── ./app/res/index.html │ ├── ./app/res/polyfills.js │ ├── ./app/res/polyfills.js.map │ ├── ./app/res/vendor.js │ └── ./app/res/vendor.js.map ├── ./dev # Development folder. Stores Angular2 project with typescript, jade and less/sass/stylus files. │ ├── ./dev/app │ │ ├── ./dev/app/app.component.jade │ │ ├── ./dev/app/app.component.less │ │ ├── ./dev/app/app.component.ts │ │ ├── ./dev/app/app.module.ts │ │ ├── ./dev/app/app.routing.ts │ │ └── ./dev/app/home │ │ ├── ./dev/app/home/home.component.jade │ │ ├── ./dev/app/home/home.component.ts │ │ └── ./dev/app/home/icon.png │ ├── ./dev/index.jade │ ├── ./dev/main.ts │ ├── ./dev/polyfills.ts │ └── ./dev/vendor.ts ├── ./package.json ├── ./tsconfig.json ├── ./tslint.json └── ./webpack.config.js