node package manager



Not meer another f2e build tool.


Travis Npm download Npm version


npm install -g Gon


Gon create [Project's Name]

Creates a new project, generates all the folders and files.

Gon dev

Starts the proxy server and the project, with javascript, stylus and pug files processed by Webpack and Gulp.

Should be used with sudo, because the proxy server runs on port 80.

Gon release

Releases all the static files to the static folder and all template files to the view folder.


Folder Structure

Folder structure

File Name

The module file which will be imported (stylus) or required (js) to the entry file should be named start with the _ prefix.

Custom Config

// gon.config.js 
module.exports = {
  domain: '',
  port: 8000,
  // web server 
  // request to the upper domain will be proxyed to these servers 
  fe: {
    local: '',
    dev: '',
    pre: '',
    pro: '',
  // api server 
  // requests to `/api` will be prxoyed to these servers 
  be: {
    dev: '',
    pre: '',
    pro: '',
  proxy: {
    // proxy a project's request to an outiside server 
    '/data/sk/101010100.html': '',
    // proxy an outside request to project 
    '': '/ping',
  // used for webpack to avoid compiling these files 
  externals: {
    react: 'React',
    'react-dom': 'ReactDOM',

Switch Proxy Setting

You can switch all these proxy setting on http://localhost/.

proxy setting


  • Name is from Gon Freecss
  • Needs Node.js version >= 7.0.0 and npm version >= 3.3.6

Most thanks to Webpack2.0rc and Gulp4.