UNPKG

generator-frigate

Version:

Yeoman generator for webapp development with React, webpack hot reloading, es6 (babel), sass, karma and BrowserSync as a development server/proxy.

86 lines (61 loc) 2.63 kB
``` ███████╗██████╗ ██╗ ██████╗ █████╗ ████████╗███████╗ ██╔════╝██╔══██╗██║██╔════╝ ██╔══██╗╚══██╔══╝██╔════╝ █████╗ ██████╔╝██║██║ ███╗███████║ ██║ █████╗ ██╔══╝ ██╔══██╗██║██║ ██║██╔══██║ ██║ ██╔══╝ ██║ ██║ ██║██║╚██████╔╝██║ ██║ ██║ ███████╗ ╚═╝ ╚═╝ ╚═╝╚═╝ ╚═════╝ ╚═╝ ╚═╝ ╚═╝ ╚══════╝ ``` > Yeoman generator for front-end developers ## Features * Application structure and setup that works for single page apps and web sites. * Full featured front-end workflow setup with: * Webpack w/ React hot reloading support * Sass and CSS auto-prefixing * CSS and JavaScript minification * React unit testing * BrowserSync * Built-in static server (optional) ## Usage You'll need `yo` - the scaffolding tool from `Yeoman` - installed: ``` npm install -g yo ``` Install `generator-frigate`: ``` npm install -g generator-frigate ``` Make a new directory, and `cd` into it: ``` mkdir my-new-project && cd $_ ``` Run: ``` yo frigate ``` Run `npm start` for asset watching/compiling with BrowserSync and hot reloading support and `make all` for a production-ready build. To run tests, use `npm test`. ## Documentation Docs are generated using Sphinx. ``` pip install Sphinx cd <project_root>/docs && make html ``` You can then open *file:///<project_root>/docs/_build/html/index.html* in a browser. Alternative: run the following then browse to *http://localhost:8000*. ``` cd docs/_build_html && python -m SimpleHTTPServer 8000 & ``` ## Developing If you'd like to add to or change Frigate's functionality, the following approach is recommended. First, install the Frigate source and then install it as a linked package:: ``` git clone https://github.com/lincolnloop/generator-frigate.git cd generator-frigate npm link ``` Next, you'll want a test project for running Gulp tasks and testing your changes:: ``` cd .. && mkdir test-frigate && cd test-frigate yo frigate ``` After you make changes in the generator-frigate source, re-run ``yo frigate`` in the test project and the project's state will be updated to match the current state of the Frigate code